@weasel-js/ui 1.6.1 → 1.7.1

package/dist/chunks/{Badge-CyAIZSDo.js → Badge-jYQjrTKc.js}

@@ -1,13 +1,13 @@
-import { n as e, r as t, t as n } from "./Tooltip-Clg2mhSt.js";
+import { n as e, r as t, t as n } from "./Tooltip-C6eFCYxw.js";
 import { t as r } from "./stance-BFQpS_fL.js";
 import { useVisibleRaf as i } from "@weasel-js/core";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as c, useEffect as l, useId as u, useLayoutEffect as d, useRef as f, useState as p } from "react";
 var m = {
-	badge: "_badge_1xarh_1",
-	deco: "_deco_1xarh_42",
-	content: "_content_1xarh_58",
-	remove: "_remove_1xarh_171"
+	badge: "_badge_nzo0m_1",
+	deco: "_deco_nzo0m_42",
+	content: "_content_nzo0m_58",
+	remove: "_remove_nzo0m_171"
 }, h = {
 	Component: () => null,
 	insets: {
@@ -234,7 +234,7 @@ function D(e, t) {
 		[0, n]
 	];
 }
-var O = {
+var ee = {
 	compose: (e) => {
 		let t = {
 			...E,
@@ -253,14 +253,14 @@ var O = {
 	},
 	stretches: !0,
 	defaults: E
-}, k = {
+}, O = {
 	points: 12,
 	outerR: 48,
 	innerR: 36,
 	rotation: -7,
 	erosion: 0
 };
-function A(e, t, n, r, i) {
+function k(e, t, n, r, i) {
 	let a = e * 2, o = Math.PI * 2 / a, s = r * Math.PI / 180, c = Math.max(0, Math.min(i, 1)), l = [];
 	for (let e = 0; e < a; e++) {
 		let r = e % 2 == 0 ? t : n, i = s + e * o;
@@ -278,12 +278,12 @@ function A(e, t, n, r, i) {
 	}
 	return u + " Z";
 }
-var j = {
+var A = {
 	Component: ({ variant: e, focused: t, params: n }) => {
 		let r = {
-			...k,
+			...O,
 			...n
-		}, i = A(r.points, r.outerR, r.innerR, r.rotation, r.erosion), c = A(r.points, r.outerR + 4, r.innerR + 3, r.rotation, r.erosion);
+		}, i = k(r.points, r.outerR, r.innerR, r.rotation, r.erosion), c = k(r.points, r.outerR + 4, r.innerR + 3, r.rotation, r.erosion);
 		return /* @__PURE__ */ s(a, { children: [
 			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
@@ -306,15 +306,15 @@ var j = {
 		left: 8
 	},
 	stretches: !0,
-	defaults: k
-}, M = {
+	defaults: O
+}, j = {
 	scallopRadius: 5,
 	scallopSpacing: 12,
 	irregularity: 0
-}, N = {
+}, M = {
 	compose: (e) => {
 		let t = {
-			...M,
+			...j,
 			...e
 		};
 		return {
@@ -337,16 +337,16 @@ var j = {
 		left: 6
 	},
 	stretches: !0,
-	defaults: M
-}, P = {
+	defaults: j
+}, N = {
 	pointDepth: 100,
 	shoulderY: 55,
 	curveTightness: .7,
 	erosion: .33
 };
-function ee({ variant: e, focused: t, params: n }) {
+function te({ variant: e, focused: t, params: n }) {
 	let r = {
-		...P,
+		...N,
 		...n
 	}, i = f(null), a = S(i), c = Math.max(60, Math.min(r.pointDepth, 110)), l = Math.max(20, Math.min(r.shoulderY, c - 5)), u = l + (c - l) * Math.max(.1, Math.min(r.curveTightness, 1)), d = Math.max(0, Math.min(r.erosion, 1)) * 12, p = d / a.w * 100, m = d / a.h * 100, h = [
 		`M ${p.toFixed(3)} 0`,
@@ -378,8 +378,8 @@ function ee({ variant: e, focused: t, params: n }) {
 		]
 	});
 }
-var te = {
-	Component: ee,
+var ne = {
+	Component: te,
 	insets: {
 		top: 2,
 		right: 8,
@@ -387,16 +387,16 @@ var te = {
 		left: 8
 	},
 	stretches: !0,
-	defaults: P
-}, F = {
+	defaults: N
+}, P = {
 	left: "inward",
 	right: "outward",
 	taperWidth: 8
-}, ne = {
+}, re = {
 	compose: (e) => ({
 		base: "ribbon",
 		baseParams: {
-			...F,
+			...P,
 			...e
 		}
 	}),
@@ -407,17 +407,17 @@ var te = {
 		left: 0
 	},
 	stretches: !0,
-	defaults: F
-}, re = {
+	defaults: P
+}, ie = {
 	points: 44,
 	cornerRadius: 6,
 	spikeLen: 12,
 	spikeBaseWidth: 3,
 	irregularity: 0
-}, ie = {
+}, ae = {
 	compose: (e) => {
 		let t = {
-			...re,
+			...ie,
 			...e
 		};
 		return {
@@ -444,14 +444,14 @@ var te = {
 		left: 8
 	},
 	stretches: !0,
-	defaults: re
-}, ae = {
+	defaults: ie
+}, oe = {
 	points: 16,
 	outerR: 58,
 	innerR: 50,
 	rotation: -5
 };
-function oe(e, t, n, r) {
+function se(e, t, n, r) {
 	let i = e * 2, a = Math.PI * 2 / i, o = r * Math.PI / 180, s = "";
 	for (let e = 0; e < i; e++) {
 		let r = e % 2 == 0 ? t : n, i = o + e * a, c = 50 + Math.cos(i) * r, l = 50 + Math.sin(i) * r;
@@ -459,12 +459,12 @@ function oe(e, t, n, r) {
 	}
 	return s + " Z";
 }
-var se = {
+var ce = {
 	Component: ({ variant: e, focused: t, params: n }) => {
 		let { points: r, outerR: i, innerR: c, rotation: l } = {
-			...ae,
+			...oe,
 			...n
-		}, u = oe(r, i, c, l), d = oe(r, i + 4, c + 3, l);
+		}, u = se(r, i, c, l), d = se(r, i + 4, c + 3, l);
 		return /* @__PURE__ */ s(a, { children: [
 			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
@@ -487,15 +487,15 @@ var se = {
 		left: 4
 	},
 	stretches: !0,
-	defaults: ae
-}, ce = {
+	defaults: oe
+}, le = {
 	biteRadius: 3,
 	biteSpacing: 8,
 	irregularity: 0
-}, le = {
+}, ue = {
 	compose: (e) => {
 		let t = {
-			...ce,
+			...le,
 			...e
 		};
 		return {
@@ -518,16 +518,16 @@ var se = {
 		left: 6
 	},
 	stretches: !0,
-	defaults: ce
-}, ue = {
+	defaults: le
+}, de = {
 	bumpWidth: 24,
 	puffiness: 14,
 	erosion: .2,
 	irregularity: 0
-}, de = {
+}, fe = {
 	compose: (e) => {
 		let t = {
-			...ue,
+			...de,
 			...e
 		};
 		return {
@@ -550,15 +550,15 @@ var se = {
 		left: 8
 	},
 	stretches: !0,
-	defaults: ue
-}, I = {
+	defaults: de
+}, F = {
 	eaveY: 32,
 	peakHeight: 32,
 	roofOverhang: 0
-}, fe = {
+}, pe = {
 	compose: (e) => {
 		let t = {
-			...I,
+			...F,
 			...e
 		}, n = Math.max(2, Math.min(t.eaveY, 95)), r = n - Math.max(0, t.peakHeight), i = Math.max(0, Math.min(t.roofOverhang, 12));
 		return {
@@ -581,17 +581,17 @@ var se = {
 		left: 4
 	},
 	stretches: !0,
-	defaults: I
-}, L = {
+	defaults: F
+}, I = {
 	bevelWidth: 6,
 	lightFrom: "tl",
 	rivetRadius: 2.4,
 	rivetInset: 7,
 	sheenIntensity: .22
-}, pe = {
+}, me = {
 	compose: (e) => {
 		let t = {
-			...L,
+			...I,
 			...e
 		};
 		return {
@@ -630,12 +630,12 @@ var se = {
 		left: 8
 	},
 	stretches: !0,
-	defaults: L
-}, me = {
+	defaults: I
+}, he = {
 	topInset: 12,
 	pointDepth: 100
 };
-function he(e, t) {
+function ge(e, t) {
 	let n = Math.max(0, Math.min(e, 35)), r = Math.max(60, Math.min(t, 110));
 	return [
 		`M ${n} 6`,
@@ -648,12 +648,12 @@ function he(e, t) {
 		"Z"
 	].join(" ");
 }
-var R = {
+var L = {
 	Component: ({ variant: e, focused: t, params: n }) => {
 		let r = {
-			...me,
+			...he,
 			...n
-		}, i = he(r.topInset, r.pointDepth);
+		}, i = ge(r.topInset, r.pointDepth);
 		return /* @__PURE__ */ s(a, { children: [
 			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
@@ -677,20 +677,20 @@ var R = {
 		left: 10
 	},
 	stretches: !0,
-	defaults: me
-}, z = "M 35 0 L 30 12 Q 15 30 15 55 Q 15 75 30 90 L 30 100 L 70 100 L 70 90 Q 85 75 85 55 Q 85 30 70 12 L 65 0 Z", ge = {
+	defaults: he
+}, R = "M 35 0 L 30 12 Q 15 30 15 55 Q 15 75 30 90 L 30 100 L 70 100 L 70 90 Q 85 75 85 55 Q 85 30 70 12 L 65 0 Z", _e = {
 	Component: ({ variant: e, focused: t }) => /* @__PURE__ */ s(a, { children: [
 		(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 			className: "badge-fill",
-			d: z
+			d: R
 		}),
 		(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 			className: "badge-stroke",
-			d: z
+			d: R
 		}),
 		t && /* @__PURE__ */ o("path", {
 			className: "badge-focus",
-			d: z,
+			d: R,
 			transform: "translate(50 50) scale(1.05) translate(-50 -50)"
 		})
 	] }),
@@ -701,17 +701,17 @@ var R = {
 		left: 12
 	},
 	stretches: !0
-}, B = {
+}, z = {
 	headX: 6,
 	headHalfHeight: 23,
 	shoulderX: 33,
 	shoulderHalfHeight: 36,
 	footX: 100,
 	footHalfHeight: 29
-}, _e = {
+}, ve = {
 	compose: (e) => {
 		let t = {
-			...B,
+			...z,
 			...e
 		}, n = Math.max(0, Math.min(t.headX, 40)), r = Math.max(n + 1, Math.min(t.shoulderX, 70)), i = Math.max(r + 1, Math.min(t.footX, 100)), a = Math.max(2, Math.min(t.headHalfHeight, 50)), o = Math.max(0, Math.min(t.shoulderHalfHeight, 50)), s = Math.min(50, a + o), c = Math.max(2, Math.min(t.footHalfHeight, 50));
 		return {
@@ -733,13 +733,13 @@ var R = {
 		left: 11
 	},
 	stretches: !0,
-	defaults: B
-}, V = {
+	defaults: z
+}, B = {
 	teeth: 11,
 	tearDepth: 4,
 	sideToTopRatio: 3
 };
-function H(e, t) {
+function V(e, t) {
 	let n = Math.max(3, Math.floor(e)), r = Math.max(1, t), i = (e) => r * (.55 + .55 * Math.abs(Math.sin(e * 1.73 + .5))), a = "M 0 0 L 100 0";
 	for (let e = 0; e < n; e++) {
 		let t = (e + .5) / n * 100, r = (e + 1) / n * 100;
@@ -752,12 +752,12 @@ function H(e, t) {
 	}
 	return a + " Z";
 }
-var ve = 2, ye = {
+var ye = 2, be = {
 	Component: ({ variant: e, focused: t, params: n }) => {
 		let r = {
-			...V,
+			...B,
 			...n
-		}, i = H(r.teeth, r.tearDepth);
+		}, i = V(r.teeth, r.tearDepth);
 		return /* @__PURE__ */ s(a, { children: [
 			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
@@ -775,7 +775,7 @@ var ve = 2, ye = {
 		] });
 	},
 	insets: (e) => {
-		let t = Math.max(.2, Math.min(e.sideToTopRatio ?? V.sideToTopRatio, 10)), n = ve, r = Math.round(n * t);
+		let t = Math.max(.2, Math.min(e.sideToTopRatio ?? B.sideToTopRatio, 10)), n = ye, r = Math.round(n * t);
 		return {
 			top: n,
 			right: r,
@@ -784,16 +784,16 @@ var ve = 2, ye = {
 		};
 	},
 	stretches: !0,
-	defaults: V
-}, U = "M 8 30 Q 0 50 8 70 L 92 70 Q 100 50 92 30 Z", be = {
+	defaults: B
+}, H = "M 8 30 Q 0 50 8 70 L 92 70 Q 100 50 92 30 Z", xe = {
 	Component: ({ variant: e, focused: t }) => /* @__PURE__ */ s(a, { children: [
 		(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 			className: "badge-fill",
-			d: U
+			d: H
 		}),
 		(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 			className: "badge-stroke",
-			d: U
+			d: H
 		}),
 		(e === "outline" || e === "solid") && /* @__PURE__ */ s(a, { children: [
 			/* @__PURE__ */ o("path", {
@@ -850,7 +850,7 @@ var ve = 2, ye = {
 		] }),
 		t && /* @__PURE__ */ o("path", {
 			className: "badge-focus",
-			d: U,
+			d: H,
 			transform: "translate(50 50) scale(1.05) translate(-50 -50)"
 		})
 	] }),
@@ -861,7 +861,7 @@ var ve = 2, ye = {
 		left: 4
 	},
 	stretches: !0
-}, W = {
+}, U = {
 	spikeR: 50,
 	lobeR: 42,
 	valleyR: 25,
@@ -875,33 +875,33 @@ var ve = 2, ye = {
 	valleySmooth: 3,
 	rotation: 0,
 	samples: 192
-}, xe = {
+}, Se = {
 	pill: h,
 	plain: g,
 	square: v,
 	notched: x,
 	perforated: T,
-	hexagon: O,
-	starburst: j,
-	scalloped: N,
-	shield: te,
-	ribbon: ne,
-	beavis: ie,
-	sparkler: se,
-	postage: le,
-	cloud: de,
-	house: fe,
-	plaque: pe,
-	crest: R,
-	urn: ge,
-	coffin: _e,
-	receipt: ye,
-	wood: be,
+	hexagon: ee,
+	starburst: A,
+	scalloped: M,
+	shield: ne,
+	ribbon: re,
+	beavis: ae,
+	sparkler: ce,
+	postage: ue,
+	cloud: fe,
+	house: pe,
+	plaque: me,
+	crest: L,
+	urn: _e,
+	coffin: ve,
+	receipt: be,
+	wood: xe,
 	quatrefoil: {
 		compose: (e) => ({
 			base: "quatrefoil",
 			baseParams: {
-				...W,
+				...U,
 				...e
 			}
 		}),
@@ -912,14 +912,53 @@ var ve = 2, ye = {
 			left: 14
 		},
 		stretches: !0,
-		defaults: W
+		defaults: U
+	}
+};
+//#endregion
+//#region src/components/Badge/bases/polygonSampler.ts
+function W(e, t, n) {
+	let r = 100 / t, i = 100 / n, a = [], o = [0];
+	for (let t = 0; t < e.length; t++) {
+		let n = e[t], s = e[(t + 1) % e.length], c = (s[0] - n[0]) / r, l = (s[1] - n[1]) / i, u = Math.hypot(c, l);
+		a.push(u), o.push(o[o.length - 1] + u);
 	}
-}, G = { chamfer: 6 }, K = {
+	let s = o[o.length - 1];
+	return {
+		bodyPath: `M ${e[0][0]} ${e[0][1]} ` + e.slice(1).map(([e, t]) => `L ${e} ${t}`).join(" ") + " Z",
+		perimeterAt: (t) => {
+			let n = (t % s + s) % s;
+			for (let t = 0; t < a.length; t++) {
+				let s = o[t];
+				if (n <= o[t + 1] + 1e-9) {
+					let o = a[t] > 0 ? (n - s) / a[t] : 0, c = e[t], l = e[(t + 1) % e.length], u = c[0] + (l[0] - c[0]) * o, d = c[1] + (l[1] - c[1]) * o, f = (l[0] - c[0]) / r, p = (l[1] - c[1]) / i, m = Math.hypot(f, p) || 1;
+					return {
+						x: u,
+						y: d,
+						nx: p / m,
+						ny: -f / m
+					};
+				}
+			}
+			return {
+				x: e[0][0],
+				y: e[0][1],
+				nx: 0,
+				ny: -1
+			};
+		},
+		totalCss: s
+	};
+}
+//#endregion
+//#region src/components/Badge/bases/ChamferedRect.tsx
+var G = { chamfer: 6 }, Ce = {
 	build: (e, t, n) => {
 		let r = {
 			...G,
 			...e
-		}, i = 100 / t, a = 100 / n, o = r.chamfer * i, s = r.chamfer * a, c = [
+		}, i = 100 / t, a = 100 / n, o = r.chamfer * i, s = r.chamfer * a;
+		return W([
 			[o, 0],
 			[100 - o, 0],
 			[100, s],
@@ -928,37 +967,7 @@ var ve = 2, ye = {
 			[o, 100],
 			[0, 100 - s],
 			[0, s]
-		], l = [], u = [0];
-		for (let e = 0; e < c.length; e++) {
-			let t = c[e], n = c[(e + 1) % c.length], r = (n[0] - t[0]) / i, o = (n[1] - t[1]) / a, s = Math.hypot(r, o);
-			l.push(s), u.push(u[u.length - 1] + s);
-		}
-		let d = u[u.length - 1];
-		return {
-			bodyPath: `M ${c[0][0]} ${c[0][1]} ` + c.slice(1).map(([e, t]) => `L ${e} ${t}`).join(" ") + " Z",
-			perimeterAt: (e) => {
-				let t = (e % d + d) % d;
-				for (let e = 0; e < l.length; e++) {
-					let n = u[e];
-					if (t <= u[e + 1] + 1e-9) {
-						let r = l[e] > 0 ? (t - n) / l[e] : 0, o = c[e], s = c[(e + 1) % c.length], u = o[0] + (s[0] - o[0]) * r, d = o[1] + (s[1] - o[1]) * r, f = (s[0] - o[0]) / i, p = (s[1] - o[1]) / a, m = Math.hypot(f, p) || 1;
-						return {
-							x: u,
-							y: d,
-							nx: p / m,
-							ny: -f / m
-						};
-					}
-				}
-				return {
-					x: c[0][0],
-					y: c[0][1],
-					nx: 0,
-					ny: -1
-				};
-			},
-			totalCss: d
-		};
+		], t, n);
 	},
 	defaults: G,
 	insets: {
@@ -967,14 +976,14 @@ var ve = 2, ye = {
 		bottom: 0,
 		left: 4
 	}
-}, Se = {
+}, K = {
 	erosion: .16,
 	eccentricity: 1,
 	pinch: 0
-}, Ce = {
+}, q = {
 	build: (e, t, n) => {
 		let r = {
-			...Se,
+			...K,
 			...e
 		}, i = 100 / t, a = 100 / n, o = Math.max(0, Math.min(r.erosion, 1)), s = Math.max(.1, Math.min(r.eccentricity, 10)), c = Math.min(t, n) / 2 * o, l = c * i * s, u = c * a / s, d = Math.max(0, Math.min(l, 50)), f = Math.max(0, Math.min(u, 50)), p = (100 - 2 * d) / i, m = (100 - 2 * f) / a, h = c + c || 1, g = Math.PI * h * 1 / 4, _ = [
 			{
@@ -1125,58 +1134,20 @@ var ve = 2, ye = {
 			totalCss: y
 		};
 	},
-	defaults: Se,
+	defaults: K,
 	insets: {
 		top: 0,
 		right: 4,
 		bottom: 0,
 		left: 4
 	}
-};
-//#endregion
-//#region src/components/Badge/bases/polygonSampler.ts
-function q(e, t, n) {
-	let r = 100 / t, i = 100 / n, a = [], o = [0];
-	for (let t = 0; t < e.length; t++) {
-		let n = e[t], s = e[(t + 1) % e.length], c = (s[0] - n[0]) / r, l = (s[1] - n[1]) / i, u = Math.hypot(c, l);
-		a.push(u), o.push(o[o.length - 1] + u);
-	}
-	let s = o[o.length - 1];
-	return {
-		bodyPath: `M ${e[0][0]} ${e[0][1]} ` + e.slice(1).map(([e, t]) => `L ${e} ${t}`).join(" ") + " Z",
-		perimeterAt: (t) => {
-			let n = (t % s + s) % s;
-			for (let t = 0; t < a.length; t++) {
-				let s = o[t];
-				if (n <= o[t + 1] + 1e-9) {
-					let o = a[t] > 0 ? (n - s) / a[t] : 0, c = e[t], l = e[(t + 1) % e.length], u = c[0] + (l[0] - c[0]) * o, d = c[1] + (l[1] - c[1]) * o, f = (l[0] - c[0]) / r, p = (l[1] - c[1]) / i, m = Math.hypot(f, p) || 1;
-					return {
-						x: u,
-						y: d,
-						nx: p / m,
-						ny: -f / m
-					};
-				}
-			}
-			return {
-				x: e[0][0],
-				y: e[0][1],
-				nx: 0,
-				ny: -1
-			};
-		},
-		totalCss: s
-	};
-}
-//#endregion
-//#region src/components/Badge/bases/Polygon.tsx
-var J = [
+}, J = [
 	[0, 0],
 	[100, 0],
 	[100, 100],
 	[0, 100]
 ], we = {
-	build: (e, t, n) => q(e?.vertices && e.vertices.length >= 3 ? e.vertices : J, t, n),
+	build: (e, t, n) => W(e?.vertices && e.vertices.length >= 3 ? e.vertices : J, t, n),
 	defaults: { vertices: J },
 	insets: {
 		top: 0,
@@ -1194,13 +1165,13 @@ var J = [
 }, Y = .62;
 function X(e, t, n, r, i, a, o) {
 	if (i === "flat") return [t];
-	let s = i === "out" ? 1 : -1, c = t[0] - e[0], l = t[1] - e[1], u = Math.hypot(c, l) || 1, d = c / u, f = l / u, p = (e[0] + t[0]) / 2, m = (e[1] + t[1]) / 2, h = p + n * s * a * Y, g = m + r * s * a * Y, _ = a * Math.sqrt(Math.max(0, 1 - Y * Y)), v = [p - d * _, m - f * _], y = [p + d * _, m + f * _], b = [p + n * s * (a + a * .38), m + r * s * (a + a * .38)], x = Math.hypot(v[0] - h, v[1] - g), S = Math.atan2(v[1] - g, v[0] - h), C = Math.atan2(y[1] - g, y[0] - h), w = Math.atan2(b[1] - g, b[0] - h), T = Math.PI * 2, E = ((w - S) % T + T) % T, D = ((C - S) % T + T) % T, O = E < D ? D : D - T, k = [];
-	k.push(v);
+	let s = i === "out" ? 1 : -1, c = t[0] - e[0], l = t[1] - e[1], u = Math.hypot(c, l) || 1, d = c / u, f = l / u, p = (e[0] + t[0]) / 2, m = (e[1] + t[1]) / 2, h = p + n * s * a * Y, g = m + r * s * a * Y, _ = a * Math.sqrt(Math.max(0, 1 - Y * Y)), v = [p - d * _, m - f * _], y = [p + d * _, m + f * _], b = [p + n * s * (a + a * .38), m + r * s * (a + a * .38)], x = Math.hypot(v[0] - h, v[1] - g), S = Math.atan2(v[1] - g, v[0] - h), C = Math.atan2(y[1] - g, y[0] - h), w = Math.atan2(b[1] - g, b[0] - h), T = Math.PI * 2, E = ((w - S) % T + T) % T, D = ((C - S) % T + T) % T, ee = E < D ? D : D - T, O = [];
+	O.push(v);
 	for (let e = 1; e <= o; e++) {
-		let t = S + e / o * O;
-		k.push([h + x * Math.cos(t), g + x * Math.sin(t)]);
+		let t = S + e / o * ee;
+		O.push([h + x * Math.cos(t), g + x * Math.sin(t)]);
 	}
-	return k.push(t), k;
+	return O.push(t), O;
 }
 var Ee = {
 	build: (e, t, n) => {
@@ -1208,7 +1179,7 @@ var Ee = {
 			...Te,
 			...e
 		}, i = Math.max(2, Math.min(r.tabSize, 40)), a = Math.max(6, Math.floor(r.arcSamples)), o = [0, 0], s = [100, 0], c = [100, 100], l = [0, 100], u = [o];
-		return u.push(...X(o, s, 0, -1, r.top, i, a)), u.push(...X(s, c, 1, 0, r.right, i, a)), u.push(...X(c, l, 0, 1, r.bottom, i, a)), u.push(...X(l, o, -1, 0, r.left, i, a)), u.length > 1 && u[u.length - 1][0] === o[0] && u[u.length - 1][1] === o[1] && u.pop(), q(u, t, n);
+		return u.push(...X(o, s, 0, -1, r.top, i, a)), u.push(...X(s, c, 1, 0, r.right, i, a)), u.push(...X(c, l, 0, 1, r.bottom, i, a)), u.push(...X(l, o, -1, 0, r.left, i, a)), u.length > 1 && u[u.length - 1][0] === o[0] && u[u.length - 1][1] === o[1] && u.pop(), W(u, t, n);
 	},
 	defaults: Te,
 	insets: {
@@ -1236,25 +1207,25 @@ function Oe(e, t, n) {
 	let r = e - t;
 	return (e + t + Math.sqrt(r * r + n * n)) / 2;
 }
-function ke(e, t, n, r) {
+function Z(e, t, n, r) {
 	if (e <= 0) return 0;
 	if (e >= 1) return 1 - r;
 	let i = Math.max(.1, t * (1 + n)), a = Math.max(.1, t * (1 - n)), o = (1 - (1 - e) ** i) ** (1 / a);
 	return Math.min(o, 1 - r);
 }
-function Ae(e = {}) {
+function ke(e = {}) {
 	let t = {
 		...De,
 		...e
 	}, n = Math.max(5, Math.min(t.spikeR, 50)), r = Math.max(5, Math.min(t.lobeR, 50 * Math.SQRT2)), i = Math.max(0, Math.min(t.valleyR, Math.min(n, r))), a = Math.max(.05, Math.min(t.valleyAt, .95)), o = Math.max(.2, t.spikeCurvature), s = Math.max(-.95, Math.min(t.spikeBend, .95)), c = Math.max(0, Math.min(t.spikeTipErosion, 1)), l = Math.max(.2, t.lobeCurvature), u = Math.max(-.95, Math.min(t.lobeBend, .95)), d = Math.max(0, Math.min(t.lobeTipErosion, 1)), f = Math.max(0, t.valleySmooth), p = t.rotation * Math.PI / 180, m = Math.max(24, Math.floor(t.samples)), h = [];
 	for (let e = 0; e < m; e++) {
-		let t = e / m * 2 * Math.PI, g = Math.abs(Math.sin(2 * (t - p))), _ = (a - g) / a, v = (g - a) / (1 - a), y = Oe(i + (n - i) * ke(Math.max(0, _), o, s, c), i + (r - i) * ke(Math.max(0, v), l, u, d), f);
+		let t = e / m * 2 * Math.PI, g = Math.abs(Math.sin(2 * (t - p))), _ = (a - g) / a, v = (g - a) / (1 - a), y = Oe(i + (n - i) * Z(Math.max(0, _), o, s, c), i + (r - i) * Z(Math.max(0, v), l, u, d), f);
 		h.push([50 + y * Math.cos(t), 50 + y * Math.sin(t)]);
 	}
 	return h;
 }
-var je = {
-	build: (e, t, n) => q(Ae(e), t, n),
+var Ae = {
+	build: (e, t, n) => W(ke(e), t, n),
 	defaults: De,
 	insets: {
 		top: 10,
@@ -1262,7 +1233,7 @@ var je = {
 		bottom: 10,
 		left: 14
 	}
-}, Me = {
+}, je = {
 	mode: "octant",
 	count: 5,
 	s0: 0,
@@ -1304,9 +1275,9 @@ var je = {
 	rotation: 0,
 	samples: 192
 };
-function Ne(e = {}) {
+function Me(e = {}) {
 	let t = {
-		...Me,
+		...je,
 		...e
 	}, n = Math.max(3, Math.min(Math.floor(t.count), 12)), r = [
 		"s0",
@@ -1355,7 +1326,7 @@ function Ne(e = {}) {
 	});
 	return o.sort((e, t) => e.s - t.s), o[0].s = 0, o[n - 1].s = 1, t.mode === "quadrant" && (o[n - 1].r = o[0].r, o[n - 1].w = o[0].w), o;
 }
-function Pe(e) {
+function Ne(e) {
 	let t = e.length - 1, n = Array(t);
 	for (let r = 0; r < t; r++) n[r] = Math.max(1e-9, e[r + 1].s - e[r].s);
 	let r = Array(t + 1), i = Array(t + 1), a = Array(t + 1), o = Array(t + 1);
@@ -1371,13 +1342,13 @@ function Pe(e) {
 	for (let e = t - 1; e >= 0; e--) s[e] = (o[e] - a[e] * s[e + 1]) / i[e];
 	return s;
 }
-function Fe(e) {
+function Pe(e) {
 	return {
 		anchors: e,
-		M: Pe(e)
+		M: Ne(e)
 	};
 }
-function Ie(e, t) {
+function Fe(e, t) {
 	let { anchors: n, M: r } = t, i = n.length;
 	if (i === 0) return 0;
 	if (i === 1 || e <= n[0].s) return n[0].r;
@@ -1389,28 +1360,28 @@ function Ie(e, t) {
 	let l = (s.s - e) / c, u = (e - o.s) / c, d = (l * l * l - l) * c * c / 6, f = (u * u * u - u) * c * c / 6;
 	return l * o.r + u * s.r + (d * r[a] * o.w + f * r[a + 1] * s.w);
 }
-var Le = {
+var Ie = {
 	build: (e, t, n) => {
 		let r = {
-			...Me,
+			...je,
 			...e
-		}, i = Fe(Ne(r)), a = r.rotation * Math.PI / 180, o = Math.max(48, Math.floor(r.samples)), s = [], c = Math.PI / 2;
+		}, i = Pe(Me(r)), a = r.rotation * Math.PI / 180, o = Math.max(48, Math.floor(r.samples)), s = [], c = Math.PI / 2;
 		for (let e = 0; e < o; e++) {
 			let t = e / o * 2 * Math.PI, n = t - a, l;
 			l = r.mode === "quadrant" ? (n % c + c) % c / c : Math.abs(Math.sin(2 * n));
-			let u = Ie(l, i);
+			let u = Fe(l, i);
 			s.push([50 + u * Math.cos(t), 50 + u * Math.sin(t)]);
 		}
-		return q(s, t, n);
+		return W(s, t, n);
 	},
-	defaults: Me,
+	defaults: je,
 	insets: {
 		top: 10,
 		right: 14,
 		bottom: 10,
 		left: 14
 	}
-}, Re = {
+}, Le = {
 	mode: "octant",
 	count: 5,
 	s0: 0,
@@ -1452,9 +1423,9 @@ var Le = {
 	rotation: 0,
 	samples: 192
 };
-function ze(e = {}) {
+function Re(e = {}) {
 	let t = {
-		...Re,
+		...Le,
 		...e
 	}, n = Math.max(3, Math.min(Math.floor(t.count), 12)), r = [
 		"s0",
@@ -1503,7 +1474,7 @@ function ze(e = {}) {
 	});
 	return o.sort((e, t) => e.s - t.s), o[0].s = 0, o[n - 1].s = 1, t.mode === "quadrant" && (o[n - 1].r = o[0].r, o[n - 1].w = o[0].w), o;
 }
-function Be(e) {
+function ze(e) {
 	let t = e.length, n = {
 		s: -e[1].s,
 		r: e[1].r,
@@ -1529,7 +1500,7 @@ function Be(e) {
 		a
 	];
 }
-function Ve(e, t) {
+function Be(e, t) {
 	let n = e + t + 1, r = Array(n);
 	for (let e = 0; e <= t; e++) r[e] = 0;
 	let i = e - t - 1;
@@ -1537,14 +1508,14 @@ function Ve(e, t) {
 	for (let e = n - t - 1; e < n; e++) r[e] = 1;
 	return r;
 }
-function He(e, t, n, r) {
+function Ve(e, t, n, r) {
 	if (e >= t[r]) return r - 1;
 	if (e <= t[n]) return n;
 	let i = n, a = r, o = i + a >>> 1;
 	for (; e < t[o] || e >= t[o + 1];) e < t[o] ? a = o : i = o, o = i + a >>> 1;
 	return o;
 }
-function Ue(e, t, n, r) {
+function He(e, t, n, r) {
 	let i = Array(r + 1).fill(0), a = Array(r + 1), o = Array(r + 1);
 	i[0] = 1;
 	for (let s = 1; s <= r; s++) {
@@ -1558,16 +1529,16 @@ function Ue(e, t, n, r) {
 	}
 	return i;
 }
-function We(e) {
-	let t = Be(e);
+function Ue(e) {
+	let t = ze(e);
 	return {
 		extended: t,
-		knots: Ve(t.length, 3),
+		knots: Be(t.length, 3),
 		degree: 3
 	};
 }
-function Ge(e, t) {
-	let { extended: n, knots: r, degree: i } = t, a = n.length, o = Math.max(0, Math.min(1, e)), s = He(o, r, i, a), c = Ue(s, o, r, i), l = 0, u = 0, d = 0;
+function We(e, t) {
+	let { extended: n, knots: r, degree: i } = t, a = n.length, o = Math.max(0, Math.min(1, e)), s = Ve(o, r, i, a), c = He(s, o, r, i), l = 0, u = 0, d = 0;
 	for (let e = 0; e <= i; e++) {
 		let t = n[s - i + e], r = t.w * c[e];
 		l += r * t.s, u += r * t.r, d += r;
@@ -1580,43 +1551,43 @@ function Ge(e, t) {
 		r: 0
 	};
 }
-function Ke(e, t) {
-	if (e <= 0) return Ge(0, t).r;
-	if (e >= 1) return Ge(1, t).r;
+function Ge(e, t) {
+	if (e <= 0) return We(0, t).r;
+	if (e >= 1) return We(1, t).r;
 	let n = 0, r = 1;
 	for (let i = 0; i < 30; i++) {
-		let i = (n + r) * .5, { s: a } = Ge(i, t);
+		let i = (n + r) * .5, { s: a } = We(i, t);
 		if (a < e ? n = i : r = i, r - n < 1e-5) break;
 	}
-	return Ge((n + r) * .5, t).r;
+	return We((n + r) * .5, t).r;
 }
-var qe = {
+var Ke = {
 	build: (e, t, n) => {
 		let r = {
-			...Re,
+			...Le,
 			...e
-		}, i = We(ze(r)), a = r.rotation * Math.PI / 180, o = Math.max(48, Math.floor(r.samples)), s = [], c = Math.PI / 2;
+		}, i = Ue(Re(r)), a = r.rotation * Math.PI / 180, o = Math.max(48, Math.floor(r.samples)), s = [], c = Math.PI / 2;
 		for (let e = 0; e < o; e++) {
 			let t = e / o * 2 * Math.PI, n = t - a, l;
 			l = r.mode === "quadrant" ? (n % c + c) % c / c : Math.abs(Math.sin(2 * n));
-			let u = Ke(l, i);
+			let u = Ge(l, i);
 			s.push([50 + u * Math.cos(t), 50 + u * Math.sin(t)]);
 		}
-		return q(s, t, n);
+		return W(s, t, n);
 	},
-	defaults: Re,
+	defaults: Le,
 	insets: {
 		top: 10,
 		right: 14,
 		bottom: 10,
 		left: 14
 	}
-}, Je = {
+}, qe = {
 	left: "inward",
 	right: "outward",
 	taperWidth: 8
 };
-function Ye(e, t, n, r) {
+function Je(e, t, n, r) {
 	switch (e) {
 		case "flat": return {
 			top: [t, 0],
@@ -1635,7 +1606,7 @@ function Ye(e, t, n, r) {
 		};
 	}
 }
-function Xe(e, t) {
+function Ye(e, t) {
 	let n = Math.max(0, t);
 	switch (e) {
 		case "flat": return 4;
@@ -1643,28 +1614,28 @@ function Xe(e, t) {
 		case "inward": return Math.round(n * .8);
 	}
 }
-var Ze = {
+var Xe = {
 	build: (e, t, n) => {
 		let r = {
-			...Je,
+			...qe,
 			...e
-		}, i = Math.max(0, r.taperWidth), a = t > 0 ? i / t * 100 : 0, o = Ye(r.left, 0, 1, a), s = Ye(r.right, 100, -1, a), c = [o.top];
-		return c.push(s.top), s.mid && c.push(s.mid), c.push(s.bottom), c.push(o.bottom), o.mid && c.push(o.mid), q(c, t, n);
+		}, i = Math.max(0, r.taperWidth), a = t > 0 ? i / t * 100 : 0, o = Je(r.left, 0, 1, a), s = Je(r.right, 100, -1, a), c = [o.top];
+		return c.push(s.top), s.mid && c.push(s.mid), c.push(s.bottom), c.push(o.bottom), o.mid && c.push(o.mid), W(c, t, n);
 	},
 	insets: (e) => {
 		let t = {
-			...Je,
+			...qe,
 			...e
 		};
 		return {
 			top: 0,
-			right: Xe(t.right, t.taperWidth),
+			right: Ye(t.right, t.taperWidth),
 			bottom: 0,
-			left: Xe(t.left, t.taperWidth)
+			left: Ye(t.left, t.taperWidth)
 		};
 	},
-	defaults: Je
-}, Qe = {
+	defaults: qe
+}, Ze = {
 	flat: (e, t) => 0,
 	chevron: (e, t) => (1 - Math.abs(e - .5) * 2) * t,
 	slant: (e, t) => e * t,
@@ -1672,83 +1643,133 @@ var Ze = {
 	round: (e, t) => Math.sin(e * Math.PI) * t,
 	scallop: (e, t) => Math.sin(e * Math.PI * 3) * .4 * t,
 	"concave-chevron": (e, t) => -(1 - Math.abs(e - .5) * 2) * t
-};
+}, Qe = 64;
 function $e(e) {
-	return typeof e == "function" ? e : Qe[e] ?? Qe.flat;
+	return (t, n) => {
+		let r = [];
+		for (let i = 0; i <= Qe; i++) {
+			let a = i / Qe;
+			r.push({
+				x: e(a, t),
+				y: a * n
+			});
+		}
+		return r;
+	};
+}
+var et = 1, tt = .25, nt = .7, rt = 24, it = (e, t) => {
+	let n = Math.sign(e), r = Math.min(Math.abs(e) / 2, t * nt / 2);
+	if (!(r > 0)) return [{
+		x: 0,
+		y: 0
+	}, {
+		x: 0,
+		y: t
+	}];
+	let i = t / 2, a = et * r, o = tt * r, s = Math.sqrt((r + o) ** 2 - (a - o) ** 2), c = Math.atan2(s, a - o), l = c - Math.PI, u = [{
+		x: 0,
+		y: 0
+	}, {
+		x: 0,
+		y: i - s
+	}];
+	for (let e = 1; e <= rt; e++) {
+		let t = Math.PI + (c - Math.PI) * (e / rt);
+		u.push({
+			x: o + o * Math.cos(t),
+			y: i - s + o * Math.sin(t)
+		});
+	}
+	for (let e = 1; e <= rt; e++) {
+		let t = l * (1 - e / rt);
+		u.push({
+			x: a + r * Math.cos(t),
+			y: i + r * Math.sin(t)
+		});
+	}
+	let d = u.slice(0, -1).reverse().map((e) => ({
+		x: e.x,
+		y: t - e.y
+	}));
+	return [...u, ...d].map((e) => ({
+		x: n * e.x,
+		y: e.y
+	}));
+}, at = {
+	...Object.fromEntries(Object.entries(Ze).map(([e, t]) => [e, $e(t)])),
+	puzzle: it
+};
+function ot(e) {
+	return typeof e == "function" ? $e(e) : at[e] ?? at.flat;
 }
 //#endregion
 //#region src/components/Badge/bases/Powerline.tsx
-var et = {
+var st = {
 	leftEdge: "flat",
 	rightEdge: "flat",
 	depth: 6
-}, tt = 64, nt = {
-	"chamfered-rect": K,
-	"rounded-rect": Ce,
+}, ct = 20, lt = {
+	"chamfered-rect": Ce,
+	"rounded-rect": q,
 	polygon: we,
 	puzzle: Ee,
-	quatrefoil: je,
-	"octant-spline": Le,
-	"octant-bspline": qe,
-	ribbon: Ze,
+	quatrefoil: Ae,
+	"octant-spline": Ie,
+	"octant-bspline": Ke,
+	ribbon: Xe,
 	powerline: {
 		build: (e, t, n) => {
 			let r = {
-				...et,
+				...st,
 				...e
-			}, i = $e(r.leftEdge), a = $e(r.rightEdge), o = r.depth, s = 100 / t, c = 100 / n, l = [];
-			l.push({
-				x: i(0, o) * s,
-				y: 0,
+			}, i = ot(r.leftEdge)(r.depth, n), a = ot(r.rightEdge)(r.depth, n), o = 100 / t, s = 100 / n, c = [], l = i[0], u = a[0];
+			c.push({
+				x: l.x * o,
+				y: l.y * s,
 				nx: 0,
 				ny: -1
-			}), l.push({
-				x: (t + a(0, o)) * s,
-				y: 0,
+			}), c.push({
+				x: (t + u.x) * o,
+				y: u.y * s,
 				nx: 0,
 				ny: -1
 			});
-			for (let e = 1; e < tt; e++) {
-				let n = e / tt, r = t + a(n, o);
-				l.push({
-					x: r * s,
-					y: n * 100,
-					nx: 1,
-					ny: 0
-				});
-			}
-			l.push({
-				x: (t + a(1, o)) * s,
-				y: 100,
+			for (let e = 1; e < a.length - 1; e++) c.push({
+				x: (t + a[e].x) * o,
+				y: a[e].y * s,
+				nx: 1,
+				ny: 0
+			});
+			let d = a[a.length - 1], f = i[i.length - 1];
+			c.push({
+				x: (t + d.x) * o,
+				y: d.y * s,
 				nx: 0,
 				ny: 1
-			}), l.push({
-				x: (0 + i(1, o)) * s,
-				y: 100,
+			}), c.push({
+				x: f.x * o,
+				y: f.y * s,
 				nx: 0,
 				ny: 1
 			});
-			for (let e = 63; e >= 1; e--) {
-				let t = e / tt, n = 0 + i(t, o);
-				l.push({
-					x: n * s,
-					y: t * 100,
-					nx: -1,
-					ny: 0
-				});
-			}
-			let u = [0];
-			for (let e = 1; e < l.length; e++) {
-				let t = l[e - 1], n = l[e], r = (n.x - t.x) / s, i = (n.y - t.y) / c;
-				u.push(u[e - 1] + Math.hypot(r, i));
+			for (let e = i.length - 2; e >= 1; e--) c.push({
+				x: i[e].x * o,
+				y: i[e].y * s,
+				nx: -1,
+				ny: 0
+			});
+			let p = [0];
+			for (let e = 1; e < c.length; e++) {
+				let t = c[e - 1], n = c[e], r = (n.x - t.x) / o, i = (n.y - t.y) / s;
+				p.push(p[e - 1] + Math.hypot(r, i));
 			}
-			let d = l[l.length - 1], f = l[0], p = Math.hypot((f.x - d.x) / s, (f.y - d.y) / c), m = u[u.length - 1] + p;
+			let m = c[c.length - 1], h = c[0], g = Math.hypot((h.x - m.x) / o, (h.y - m.y) / s), _ = p[p.length - 1] + g;
 			return {
-				bodyPath: l.reduce((e, t, n) => e + (n === 0 ? `M ${t.x.toFixed(3)} ${t.y.toFixed(3)}` : ` L ${t.x.toFixed(3)} ${t.y.toFixed(3)}`), "") + " Z",
+				bodyPath: c.reduce((e, t, n) => e + (n === 0 ? `M ${t.x.toFixed(3)} ${t.y.toFixed(3)}` : ` L ${t.x.toFixed(3)} ${t.y.toFixed(3)}`), "") + " Z",
 				perimeterAt: (e) => {
-					let t = (e % m + m) % m;
-					for (let e = 1; e < l.length; e++) if (t <= u[e]) {
-						let n = u[e] - u[e - 1], r = n > 0 ? (t - u[e - 1]) / n : 0, i = l[e - 1], a = l[e];
+					let t = (e % _ + _) % _;
+					for (let e = 1; e < c.length; e++) if (t <= p[e]) {
+						let n = p[e] - p[e - 1], r = n > 0 ? (t - p[e - 1]) / n : 0, i = c[e - 1], a = c[e];
 						return {
 							x: i.x + (a.x - i.x) * r,
 							y: i.y + (a.y - i.y) * r,
@@ -1756,37 +1777,36 @@ var et = {
 							ny: a.ny
 						};
 					}
-					let n = l.length - 1, r = p, i = r > 0 ? (t - u[n]) / r : 0;
+					let n = c.length - 1, r = g, i = r > 0 ? (t - p[n]) / r : 0;
 					return {
-						x: l[n].x + (f.x - l[n].x) * i,
-						y: l[n].y + (f.y - l[n].y) * i,
+						x: c[n].x + (h.x - c[n].x) * i,
+						y: c[n].y + (h.y - c[n].y) * i,
 						nx: 0,
 						ny: 1
 					};
 				},
-				totalCss: m
+				totalCss: _
 			};
 		},
-		defaults: et,
+		defaults: st,
 		insets: (e) => {
-			let t = e?.depth ?? et.depth, n = e?.leftEdge ?? et.leftEdge, r = e?.rightEdge ?? et.rightEdge, i = $e(n), a = $e(r), o = 0, s = 0, c = 0, l = 0;
-			for (let e = 0; e <= 32; e++) {
-				let n = e / 32, r = i(n, t), u = a(n, t), d = e === 0 || e === 32 ? .5 : 1;
-				o += d * r / 32, s += d * u / 32, r > c && (c = r), -u > l && (l = -u);
-			}
-			let u = (o + s) / 2, d = Math.max(c, t + u);
+			let t = e?.depth ?? st.depth, n = e?.leftEdge ?? st.leftEdge, r = e?.rightEdge ?? st.rightEdge, i = ot(n)(t, ct), a = ot(r)(t, ct), o = (e) => {
+				let t = 0;
+				for (let n = 1; n < e.length; n++) t += (e[n - 1].x + e[n].x) / 2 * (e[n].y - e[n - 1].y);
+				return t / ct;
+			}, s = o(i), c = o(a), l = Math.max(0, ...i.map((e) => e.x)), u = Math.max(0, ...a.map((e) => -e.x)), d = (s + c) / 2, f = Math.max(l, t + d);
 			return {
 				top: 0,
-				right: Math.max(l, t - u),
+				right: Math.max(u, t - d),
 				bottom: 0,
-				left: d
+				left: f
 			};
 		}
 	}
 };
 //#endregion
 //#region src/components/Badge/effects/rangeMask.ts
-function Z(e, t, n) {
+function ut(e, t, n) {
 	if (!n) return 1;
 	let [r, i] = n;
 	if (r === i) return 0;
@@ -1795,7 +1815,7 @@ function Z(e, t, n) {
 }
 //#endregion
 //#region src/components/Badge/effects/Spikes.tsx
-var rt = {
+var dt = {
 	count: 44,
 	length: 8,
 	baseWidth: 3,
@@ -1804,12 +1824,12 @@ var rt = {
 	diagonalScale: .5,
 	irregularity: 0,
 	cornerCompensation: 1
-}, it = {
+}, ft = {
 	offsetAt: (e, { params: t, phase: n, totalCss: r, perimeterAt: i }) => {
 		let a = {
-			...rt,
+			...dt,
 			...t
-		}, o = Z(e, r, a.range);
+		}, o = ut(e, r, a.range);
 		if (o === 0) return {
 			dx: 0,
 			dy: 0
@@ -1831,17 +1851,17 @@ var rt = {
 			dy: _ * D
 		};
 	},
-	defaults: rt
-}, at = {
+	defaults: dt
+}, pt = {
 	bumpWidth: 18,
 	puffiness: 10,
 	irregularity: 0
-}, ot = {
+}, mt = {
 	offsetAt: (e, { params: t, phase: n, totalCss: r, perimeterAt: i }) => {
 		let a = {
-			...at,
+			...pt,
 			...t
-		}, o = Z(e, r, a.range);
+		}, o = ut(e, r, a.range);
 		if (o === 0) return {
 			dx: 0,
 			dy: 0
@@ -1854,17 +1874,17 @@ var rt = {
 			dy: m.ny * p
 		};
 	},
-	defaults: at
-}, st = {
+	defaults: pt
+}, ht = {
 	biteRadius: 3,
 	biteSpacing: 8,
 	irregularity: 0
-}, ct = {
+}, gt = {
 	offsetAt: (e, { params: t, phase: n, totalCss: r, perimeterAt: i }) => {
 		let a = {
-			...st,
+			...ht,
 			...t
-		}, o = Z(e, r, a.range);
+		}, o = ut(e, r, a.range);
 		if (o === 0) return {
 			dx: 0,
 			dy: 0
@@ -1882,17 +1902,17 @@ var rt = {
 			dy: _.ny * g * o
 		};
 	},
-	defaults: st
-}, lt = {
+	defaults: ht
+}, _t = {
 	scallopRadius: 4,
 	scallopSpacing: 10,
 	irregularity: 0
-}, ut = {
+}, vt = {
 	offsetAt: (e, { params: t, phase: n, totalCss: r, perimeterAt: i }) => {
 		let a = {
-			...lt,
+			..._t,
 			...t
-		}, o = Z(e, r, a.range);
+		}, o = ut(e, r, a.range);
 		if (o === 0) return {
 			dx: 0,
 			dy: 0
@@ -1910,15 +1930,15 @@ var rt = {
 			dy: _.ny * g
 		};
 	},
-	defaults: lt
-}, dt = {
+	defaults: _t
+}, yt = {
 	bevelWidth: 6,
 	lightFrom: "tl"
 };
-function ft(e, t) {
+function bt(e, t) {
 	return Math.abs(t) > Math.abs(e) ? t < 0 ? "top" : "bottom" : e < 0 ? "left" : "right";
 }
-function pt(e) {
+function xt(e) {
 	let t = e[0] === "t", n = e[1] === "l";
 	return {
 		top: t ? "badge-bevel-light" : "badge-bevel-dark",
@@ -1927,27 +1947,27 @@ function pt(e) {
 		right: n ? "badge-bevel-medium-dark" : "badge-bevel-medium-light"
 	};
 }
-var mt = 240, ht = {
+var St = 240, Ct = {
 	Component: ({ sampler: e, boxW: t, boxH: n, variant: r, params: i }) => {
 		let c = u();
 		if (r !== "solid" && r !== "subtle") return null;
 		let l = {
-			...dt,
+			...yt,
 			...i
-		}, d = 100 / t, f = 100 / n, p = pt(l.lightFrom), m = e.totalCss, h = [], g = [];
-		for (let t = 0; t < mt; t++) {
-			let n = e.perimeterAt(t / mt * m);
+		}, d = 100 / t, f = 100 / n, p = xt(l.lightFrom), m = e.totalCss, h = [], g = [];
+		for (let t = 0; t < St; t++) {
+			let n = e.perimeterAt(t / St * m);
 			h.push({
 				x: n.x,
 				y: n.y,
-				side: ft(n.nx, n.ny)
+				side: bt(n.nx, n.ny)
 			}), g.push({
 				x: n.x - n.nx * l.bevelWidth * d,
 				y: n.y - n.ny * l.bevelWidth * f
 			});
 		}
 		let _ = [], v = null;
-		for (let e = 0; e < mt; e++) {
+		for (let e = 0; e < St; e++) {
 			let t = h[e].side;
 			!v || v.side !== t ? (v = {
 				side: t,
@@ -1974,11 +1994,11 @@ var mt = 240, ht = {
 		})] });
 	},
 	zone: "foreground",
-	defaults: dt
-}, gt = {
+	defaults: yt
+}, wt = {
 	lightFrom: "tl",
 	intensity: .22
-}, _t = {
+}, Tt = {
 	tl: {
 		x1: "100%",
 		y1: "100%",
@@ -2003,12 +2023,12 @@ var mt = 240, ht = {
 		x2: "100%",
 		y2: "100%"
 	}
-}, vt = {
+}, Et = {
 	Component: ({ sampler: e, variant: t, params: n }) => {
 		let r = u(), i = u();
 		if (t !== "solid" && t !== "subtle") return null;
 		let c = {
-			...gt,
+			...wt,
 			...n
 		}, l = Math.max(0, Math.min(c.intensity, 1));
 		return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("defs", { children: [/* @__PURE__ */ o("clipPath", {
@@ -2016,7 +2036,7 @@ var mt = 240, ht = {
 			children: /* @__PURE__ */ o("path", { d: e.bodyPath })
 		}), /* @__PURE__ */ s("linearGradient", {
 			id: r,
-			..._t[c.lightFrom],
+			...Tt[c.lightFrom],
 			children: [
 				/* @__PURE__ */ o("stop", {
 					offset: "0%",
@@ -2050,16 +2070,16 @@ var mt = 240, ht = {
 		})] });
 	},
 	zone: "foreground",
-	defaults: gt
-}, yt = {
+	defaults: wt
+}, Dt = {
 	radius: 2.4,
 	inset: 7,
 	lightFrom: "tl"
-}, bt = {
+}, Ot = {
 	Component: ({ boxW: e, boxH: t, variant: n, params: r }) => {
 		if (n !== "solid" && n !== "subtle") return null;
 		let i = {
-			...yt,
+			...Dt,
 			...r
 		}, c = 100 / e, l = 100 / t, u = i.radius * c, d = i.radius * l, f = i.inset * c, p = i.inset * l, m = i.lightFrom[1] === "l" ? -i.radius * .32 : i.radius * .32, h = i.lightFrom[0] === "t" ? -i.radius * .32 : i.radius * .32, g = [
 			[f, p],
@@ -2092,15 +2112,15 @@ var mt = 240, ht = {
 		] }, n)) });
 	},
 	zone: "foreground",
-	defaults: yt
-}, xt = {
+	defaults: Dt
+}, kt = {
 	dx: 1,
 	dy: 2,
 	opacity: .28
-}, St = {
+}, At = {
 	Component: ({ sampler: e, boxW: t, boxH: n, params: r }) => {
 		let i = {
-			...xt,
+			...kt,
 			...r
 		}, a = 100 / t, s = 100 / n, c = i.dx * a, l = i.dy * s;
 		return /* @__PURE__ */ o("path", {
@@ -2112,30 +2132,30 @@ var mt = 240, ht = {
 		});
 	},
 	zone: "background",
-	defaults: xt
-}, Ct = {
+	defaults: kt
+}, jt = {
 	lines: 4,
 	knots: 2,
 	intensity: .55
 };
-function wt(e) {
+function Mt(e) {
 	return Math.sin(e * 1.73 + .5);
 }
-var Tt = {
+var Nt = {
 	Component: ({ sampler: e, variant: t, params: n }) => {
 		let r = u();
 		if (t !== "solid" && t !== "subtle") return null;
 		let i = {
-			...Ct,
+			...jt,
 			...n
 		}, c = [];
 		for (let e = 0; e < i.lines; e++) {
-			let t = (e + 1) / (i.lines + 1) * 100, n = wt(e * 2 + 1) * 4, r = wt(e * 2 + 2) * 4;
+			let t = (e + 1) / (i.lines + 1) * 100, n = Mt(e * 2 + 1) * 4, r = Mt(e * 2 + 2) * 4;
 			c.push(`M -5 ${t.toFixed(2)} Q 35 ${(t + n).toFixed(2)} 60 ${t.toFixed(2)} T 105 ${(t + r).toFixed(2)}`);
 		}
 		let l = [];
 		for (let e = 0; e < i.knots; e++) {
-			let t = 30 + wt(e * 3 + .7) * 30 + 20, n = 50 + wt(e * 3 + 1.3) * 30;
+			let t = 30 + Mt(e * 3 + .7) * 30 + 20, n = 50 + Mt(e * 3 + 1.3) * 30;
 			l.push([t, n]);
 		}
 		return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", {
@@ -2167,19 +2187,19 @@ var Tt = {
 		})] });
 	},
 	zone: "foreground",
-	defaults: Ct
-}, Et = {
+	defaults: jt
+}, Pt = {
 	holeRadius: 3,
 	holeSpacing: 11
-}, Dt = {
+}, Ft = {
 	Component: ({ sampler: e, boxW: t, boxH: n, params: r }) => {
 		let i = {
-			...Et,
+			...Pt,
 			...r
 		}, s = 100 / t, c = 100 / n, l = e.totalCss, u = Math.max(2, Math.round(l / Math.max(2 * i.holeRadius, i.holeSpacing))), d = l / u, f = [];
 		for (let t = 0; t < u; t++) {
 			let n = (t + .5) * d;
-			if (Z(n, l, r?.range) === 0) continue;
+			if (ut(n, l, r?.range) === 0) continue;
 			let i = e.perimeterAt(n);
 			f.push({
 				cx: i.x,
@@ -2196,11 +2216,11 @@ var Tt = {
 		}, t)) });
 	},
 	zone: "mask",
-	defaults: Et
-}, Ot = {
+	defaults: Pt
+}, It = {
 	bevelWidth: 6,
 	lightFrom: 315
-}, Q = 240, kt = [
+}, Q = 240, Lt = [
 	"badge-bevel-light",
 	"badge-bevel-medium-light",
 	"badge-bevel-medium-light",
@@ -2208,23 +2228,23 @@ var Tt = {
 	"badge-bevel-medium-dark",
 	"badge-bevel-dark"
 ];
-function At(e) {
+function Rt(e) {
 	let t = e * Math.PI / 180;
 	return {
 		lx: Math.sin(t),
 		ly: -Math.cos(t)
 	};
 }
-var jt = {
+var zt = {
 	Component: ({ sampler: e, boxW: t, boxH: n, variant: r, params: i }) => {
 		let c = u();
 		if (r !== "solid" && r !== "subtle") return null;
 		let l = {
-			...Ot,
+			...It,
 			...i
-		}, d = 100 / t, f = 100 / n, p = e.totalCss, { lx: m, ly: h } = At(l.lightFrom), g = [], _ = [];
+		}, d = 100 / t, f = 100 / n, p = e.totalCss, { lx: m, ly: h } = Rt(l.lightFrom), g = [], _ = [];
 		for (let t = 0; t < Q; t++) {
-			let n = e.perimeterAt(t / Q * p), r = -(n.nx * m + n.ny * h), i = Math.max(0, Math.min((r + 1) / 2, .9999)), a = Math.floor(i * kt.length);
+			let n = e.perimeterAt(t / Q * p), r = -(n.nx * m + n.ny * h), i = Math.max(0, Math.min((r + 1) / 2, .9999)), a = Math.floor(i * Lt.length);
 			g.push({
 				x: n.x,
 				y: n.y,
@@ -2258,23 +2278,23 @@ var jt = {
 		}) }), /* @__PURE__ */ o("g", {
 			clipPath: `url(#${c})`,
 			children: v.map((e, t) => /* @__PURE__ */ o("path", {
-				className: kt[e.bucket],
+				className: Lt[e.bucket],
 				d: b(e)
 			}, t))
 		})] });
 	},
 	zone: "foreground",
-	defaults: Ot
-}, Mt = {
+	defaults: It
+}, Bt = {
 	width: 1,
 	color: "var(--badge-edge)",
 	dash: "",
 	blendMode: "normal",
 	opacity: 1
-}, Nt = {
+}, Vt = {
 	Component: ({ sampler: e, boxW: t, boxH: n, params: r }) => {
 		let i = {
-			...Mt,
+			...Bt,
 			...r
 		}, a = 100 / t, s = 100 / n, c = i.width * Math.max(a, s);
 		return /* @__PURE__ */ o("path", {
@@ -2289,8 +2309,8 @@ var jt = {
 		});
 	},
 	zone: "foreground",
-	defaults: Mt
-}, Pt = {
+	defaults: Bt
+}, Ht = {
 	count: 3,
 	width: 18,
 	gap: 8,
@@ -2302,10 +2322,10 @@ var jt = {
 	gradientAngle: 90,
 	gradientStart: 0,
 	gradientEnd: 1
-}, Ft = {
+}, Ut = {
 	Component: ({ sampler: e, boxW: t, boxH: n, params: r }) => {
 		let i = {
-			...Pt,
+			...Ht,
 			...r
 		}, c = u(), l = u(), d = u(), f = 100 / t, p = 100 / n, m = Math.max(0, Math.min(i.irregularity, 1)), h = (e) => 1 + m * .45 * Math.sin(e * 1.73 + .7), g = (e) => 1 + m * .5 * Math.sin(e * 2.31 + 1.3), _ = (e) => m * 8 * Math.sin(e * 3.07 + .4), v = i.width * f, y = i.gap * f, b = i.offset * f, x = 50 - (i.count * v + (i.count - 1) * y) / 2 + b, S = [];
 		for (let e = 0; e < i.count; e++) {
@@ -2320,17 +2340,17 @@ var jt = {
 				opacity: Math.max(0, Math.min(i.opacity * g(e), 1))
 			}), x += v + y;
 		}
-		let C = i.gradientAngle * Math.PI / 180, w = Math.cos(C), T = Math.sin(C), E = 50 - w * 100 / 2, D = 50 - T * 100 / 2, O = 50 + w * 100 / 2, k = 50 + T * 100 / 2, A = Math.max(0, Math.min(i.gradientStart, 1)), j = Math.max(0, Math.min(i.gradientEnd, 1)), M = A <= j ? [
+		let C = i.gradientAngle * Math.PI / 180, w = Math.cos(C), T = Math.sin(C), E = 50 - w * 100 / 2, D = 50 - T * 100 / 2, ee = 50 + w * 100 / 2, O = 50 + T * 100 / 2, k = Math.max(0, Math.min(i.gradientStart, 1)), A = Math.max(0, Math.min(i.gradientEnd, 1)), j = k <= A ? [
 			{
 				offset: 0,
 				color: "#fff"
 			},
 			{
-				offset: A,
+				offset: k,
 				color: "#fff"
 			},
 			{
-				offset: j,
+				offset: A,
 				color: "#000"
 			},
 			{
@@ -2343,11 +2363,11 @@ var jt = {
 				color: "#000"
 			},
 			{
-				offset: j,
+				offset: A,
 				color: "#000"
 			},
 			{
-				offset: A,
+				offset: k,
 				color: "#fff"
 			},
 			{
@@ -2364,10 +2384,10 @@ var jt = {
 				id: d,
 				x1: E,
 				y1: D,
-				x2: O,
-				y2: k,
+				x2: ee,
+				y2: O,
 				gradientUnits: "userSpaceOnUse",
-				children: M.map((e, t) => /* @__PURE__ */ o("stop", {
+				children: j.map((e, t) => /* @__PURE__ */ o("stop", {
 					offset: e.offset,
 					stopColor: e.color
 				}, t))
@@ -2398,8 +2418,8 @@ var jt = {
 		})] });
 	},
 	zone: "foreground",
-	defaults: Pt
-}, It = {
+	defaults: Ht
+}, Wt = {
 	accent: "var(--badge-edge)",
 	topAlpha: .45,
 	upperAlpha: .7,
@@ -2414,23 +2434,23 @@ var jt = {
 	bezelWidth: 1,
 	rimAlpha: .22,
 	rimWidth: 1
-}, Lt = 240, Rt = {
+}, Gt = 240, Kt = {
 	Component: ({ sampler: e, boxW: t, boxH: n, variant: r, params: i }) => {
 		let c = u(), l = u(), d = u();
 		if (r !== "solid" && r !== "subtle" && r !== "outline") return null;
 		let f = {
-			...It,
+			...Wt,
 			...i
 		}, p = e.totalCss, m = [], h = null;
-		for (let t = 0; t < Lt; t++) {
-			let n = t / Lt * p, r = e.perimeterAt(n);
+		for (let t = 0; t < Gt; t++) {
+			let n = t / Gt * p, r = e.perimeterAt(n);
 			r.ny < 0 ? (h || (h = [], m.push(h)), h.push({
 				x: r.x,
 				y: r.y
 			})) : h = null;
 		}
 		if (m.length > 1) {
-			let t = e.perimeterAt(0), n = e.perimeterAt(239 / Lt * p);
+			let t = e.perimeterAt(0), n = e.perimeterAt(239 / Gt * p);
 			if (t.ny < 0 && n.ny < 0) {
 				let e = m.shift();
 				m[m.length - 1].push(...e);
@@ -2561,8 +2581,8 @@ var jt = {
 		] });
 	},
 	zone: "foreground",
-	defaults: It
-}, zt = {
+	defaults: Wt
+}, qt = {
 	accent: "#aab3bd",
 	specularity: .6,
 	equator: 50,
@@ -2575,38 +2595,38 @@ var jt = {
 	bezelWidth: 1,
 	rimAlpha: .35,
 	rimWidth: 1
-}, Bt = 240, $ = {
-	spikes: it,
-	puffs: ot,
-	bites: ct,
-	scallops: ut,
-	bevel: ht,
-	bevel2: jt,
-	sheen: vt,
-	rivets: bt,
-	shadow: St,
-	woodgrain: Tt,
-	perforations: Dt,
-	outline: Nt,
-	sunbeams: Ft,
-	aqua: Rt,
+}, Jt = 240, $ = {
+	spikes: ft,
+	puffs: mt,
+	bites: gt,
+	scallops: vt,
+	bevel: Ct,
+	bevel2: zt,
+	sheen: Et,
+	rivets: Ot,
+	shadow: At,
+	woodgrain: Nt,
+	perforations: Ft,
+	outline: Vt,
+	sunbeams: Ut,
+	aqua: Kt,
 	metal: {
 		Component: ({ sampler: e, boxW: t, boxH: n, variant: r, params: i }) => {
 			let c = u(), l = u(), d = u();
 			if (r !== "solid" && r !== "subtle" && r !== "outline") return null;
 			let f = {
-				...zt,
+				...qt,
 				...i
 			}, p = Math.max(0, Math.min(f.specularity, 1)), m = e.totalCss, h = [], g = null;
-			for (let t = 0; t < Bt; t++) {
-				let n = t / Bt * m, r = e.perimeterAt(n);
+			for (let t = 0; t < Jt; t++) {
+				let n = t / Jt * m, r = e.perimeterAt(n);
 				r.ny < 0 ? (g || (g = [], h.push(g)), g.push({
 					x: r.x,
 					y: r.y
 				})) : g = null;
 			}
 			if (h.length > 1) {
-				let t = e.perimeterAt(0), n = e.perimeterAt(239 / Bt * m);
+				let t = e.perimeterAt(0), n = e.perimeterAt(239 / Jt * m);
 				if (t.ny < 0 && n.ny < 0) {
 					let e = h.shift();
 					h[h.length - 1].push(...e);
@@ -2619,7 +2639,7 @@ var jt = {
 				for (let n = 1; n < e.length; n++) t += ` L ${e[n].x.toFixed(3)} ${e[n].y.toFixed(3)}`;
 				_.push(t);
 			}
-			let v = 100 / t, y = 100 / n, b = Math.max(v, y), x = f.bezelWidth * b, S = f.rimWidth * b, C = Math.max(0, f.equator - f.equatorSpread), w = Math.min(100, f.equator + f.equatorSpread), T = 100 - Math.round(p * 85), E = `color-mix(in srgb, ${f.accent} ${T}%, white)`, D = `color-mix(in srgb, ${f.accent} ${f.topDarkness}%, black)`, O = `color-mix(in srgb, ${f.accent} ${f.baseDarkness}%, black)`, k = 100 - Math.round(p * 50), A = 100 - Math.round(p * 30), j = `color-mix(in srgb, ${f.accent} ${k}%, white)`, M = `color-mix(in srgb, ${f.accent} ${A}%, white)`, N = f.glossAlphaTop * p, P = f.bezelAlpha * (.4 + .6 * p), ee = f.rimAlpha * (.6 + .4 * p);
+			let v = 100 / t, y = 100 / n, b = Math.max(v, y), x = f.bezelWidth * b, S = f.rimWidth * b, C = Math.max(0, f.equator - f.equatorSpread), w = Math.min(100, f.equator + f.equatorSpread), T = 100 - Math.round(p * 85), E = `color-mix(in srgb, ${f.accent} ${T}%, white)`, D = `color-mix(in srgb, ${f.accent} ${f.topDarkness}%, black)`, ee = `color-mix(in srgb, ${f.accent} ${f.baseDarkness}%, black)`, O = 100 - Math.round(p * 50), k = 100 - Math.round(p * 30), A = `color-mix(in srgb, ${f.accent} ${O}%, white)`, j = `color-mix(in srgb, ${f.accent} ${k}%, white)`, M = f.glossAlphaTop * p, N = f.bezelAlpha * (.4 + .6 * p), te = f.rimAlpha * (.6 + .4 * p);
 			return /* @__PURE__ */ s(a, { children: [
 				/* @__PURE__ */ s("defs", { children: [
 					/* @__PURE__ */ s("linearGradient", {
@@ -2635,7 +2655,7 @@ var jt = {
 							}),
 							/* @__PURE__ */ o("stop", {
 								offset: `${C}%`,
-								style: { stopColor: j }
+								style: { stopColor: A }
 							}),
 							/* @__PURE__ */ o("stop", {
 								offset: `${f.equator}%`,
@@ -2643,11 +2663,11 @@ var jt = {
 							}),
 							/* @__PURE__ */ o("stop", {
 								offset: `${w}%`,
-								style: { stopColor: M }
+								style: { stopColor: j }
 							}),
 							/* @__PURE__ */ o("stop", {
 								offset: "100%",
-								style: { stopColor: O }
+								style: { stopColor: ee }
 							})
 						]
 					}),
@@ -2661,7 +2681,7 @@ var jt = {
 							offset: "0%",
 							style: {
 								stopColor: "white",
-								stopOpacity: N
+								stopOpacity: M
 							}
 						}), /* @__PURE__ */ o("stop", {
 							offset: "100%",
@@ -2681,7 +2701,7 @@ var jt = {
 					fill: `url(#${c})`,
 					style: { pointerEvents: "none" }
 				}),
-				N > 0 && /* @__PURE__ */ o("rect", {
+				M > 0 && /* @__PURE__ */ o("rect", {
 					x: "0",
 					y: "0",
 					width: "100",
@@ -2694,7 +2714,7 @@ var jt = {
 					d: e,
 					fill: "none",
 					stroke: "white",
-					strokeOpacity: P,
+					strokeOpacity: N,
 					strokeWidth: x,
 					strokeLinecap: "round",
 					vectorEffect: "non-scaling-stroke",
@@ -2704,7 +2724,7 @@ var jt = {
 					d: e.bodyPath,
 					fill: "none",
 					stroke: "black",
-					strokeOpacity: ee,
+					strokeOpacity: te,
 					strokeWidth: S,
 					vectorEffect: "non-scaling-stroke",
 					style: { pointerEvents: "none" }
@@ -2712,76 +2732,76 @@ var jt = {
 			] });
 		},
 		zone: "foreground",
-		defaults: zt
+		defaults: qt
 	}
 };
 //#endregion
 //#region src/components/Badge/Badge.tsx
-function Vt(e) {
+function Yt(e) {
 	return e.as ? e.as : e.href ? "a" : e.onClick ? "button" : "span";
 }
-var Ht = c(function(c, d) {
-	let { shape: h = "pill", status: g = "neutral", stance: _, tone: v, variant: y = "outline", size: b = "sm", onClick: x, onRemove: C, removeLabel: w, href: T, children: E, className: D, shapeParams: O, bloat: k, padding: A, style: j, breakStyle: M, crawl: N, base: P, baseParams: ee, effects: te, tooltip: F, as: ne, "aria-label": re, onFocus: ie, onBlur: ae, ...oe } = c, se = Vt(c), ce = F != null && se === "span", le = re ?? (ce && (typeof E == "string" || typeof E == "number") ? String(E) : void 0), [ue, de] = p(!1), [I, fe] = p(0), L = xe[h] ?? xe.pill, pe = xe[h] ? h : "pill", me = L.Component, he = {
-		...L.defaults ?? {},
-		...O ?? {}
-	}, R = f(null), z = i((e) => {
-		let t = typeof N == "number" ? N : .2, n = R.current;
-		R.current = e, n !== null && fe((r) => (r + t * (e - n) / 1e3) % 1), z.request();
+var Xt = c(function(c, d) {
+	let { shape: h = "pill", status: g = "neutral", stance: _, tone: v, variant: y = "outline", size: b = "sm", onClick: x, onRemove: C, removeLabel: w, href: T, children: E, className: D, shapeParams: ee, bloat: O, padding: k, style: A, breakStyle: j, crawl: M, base: N, baseParams: te, effects: ne, tooltip: P, as: re, "aria-label": ie, onFocus: ae, onBlur: oe, ...se } = c, ce = Yt(c), le = P != null && ce === "span", ue = ie ?? (le && (typeof E == "string" || typeof E == "number") ? String(E) : void 0), [de, fe] = p(!1), [F, pe] = p(0), I = Se[h] ?? Se.pill, me = Se[h] ? h : "pill", he = I.Component, ge = {
+		...I.defaults ?? {},
+		...ee ?? {}
+	}, L = f(null), R = i((e) => {
+		let t = typeof M == "number" ? M : .2, n = L.current;
+		L.current = e, n !== null && pe((r) => (r + t * (e - n) / 1e3) % 1), R.request();
 	}, { onResume: () => {
-		R.current = null;
+		L.current = null;
 	} });
 	l(() => {
-		if (!N) {
-			fe(0);
+		if (!M) {
+			pe(0);
 			return;
 		}
-		return R.current = null, z.request(), () => z.cancel();
-	}, [N, z]);
-	let ge = [m.badge, D].filter(Boolean).join(" "), B = r({
+		return L.current = null, R.request(), () => R.cancel();
+	}, [M, R]);
+	let _e = [m.badge, D].filter(Boolean).join(" "), z = r({
 		stance: _,
 		tone: v
-	}), _e = !P && L.compose ? L.compose(he) : null, V = P ?? _e?.base, H = V ? nt[V] : null, ve = P ? ee : _e?.baseParams, ye = P ? te : _e?.effects ?? te, U = H ? {
-		...H.defaults ?? {},
-		...ve ?? {}
-	} : null, be = f(null), W = S(be, H), G = H ? H.build(U, W.w, W.h) : null, K = H ? (typeof H.insets == "function" ? H.insets(U) : H.insets) ?? {
+	}), ve = !N && I.compose ? I.compose(ge) : null, B = N ?? ve?.base, V = B ? lt[B] : null, ye = N ? te : ve?.baseParams, be = N ? ne : ve?.effects ?? ne, H = V ? {
+		...V.defaults ?? {},
+		...ye ?? {}
+	} : null, xe = f(null), U = S(xe, V), W = V ? V.build(H, U.w, U.h) : null, G = V ? (typeof V.insets == "function" ? V.insets(H) : V.insets) ?? {
 		top: 0,
 		right: 0,
 		bottom: 0,
 		left: 0
-	} : typeof L.insets == "function" ? L.insets(he) : L.insets, Se = {
-		...B.style,
-		"--badge-inset-top": `${K.top}px`,
-		"--badge-inset-right": `${K.right}px`,
-		"--badge-inset-bottom": `${K.bottom}px`,
-		"--badge-inset-left": `${K.left}px`,
-		...A !== void 0 && { padding: typeof A == "number" ? `${A}px` : A },
-		...M !== void 0 && {
-			boxDecorationBreak: M,
-			WebkitBoxDecorationBreak: M
+	} : typeof I.insets == "function" ? I.insets(ge) : I.insets, Ce = {
+		...z.style,
+		"--badge-inset-top": `${G.top}px`,
+		"--badge-inset-right": `${G.right}px`,
+		"--badge-inset-bottom": `${G.bottom}px`,
+		"--badge-inset-left": `${G.left}px`,
+		...k !== void 0 && { padding: typeof k == "number" ? `${k}px` : k },
+		...j !== void 0 && {
+			boxDecorationBreak: j,
+			WebkitBoxDecorationBreak: j
 		},
-		...j
-	}, Ce = {
-		...oe,
-		...ce && oe.role === void 0 && { role: "img" },
-		className: ge,
-		style: Se,
-		"data-shape": H ? "compose" : pe,
+		...A
+	}, K = {
+		...se,
+		...le && se.role === void 0 && { role: "img" },
+		className: _e,
+		style: Ce,
+		"data-shape": V ? "compose" : me,
 		"data-status": g,
-		"data-stance": B["data-stance"],
-		"data-tone": B["data-tone"],
+		"data-stance": z["data-stance"],
+		"data-tone": z["data-tone"],
 		"data-variant": y,
 		"data-size": b,
-		"data-focused": ue ? "true" : void 0,
+		"data-focused": de ? "true" : void 0,
 		onFocus: (e) => {
-			de(!0), ie?.(e);
+			fe(!0), ae?.(e);
 		},
 		onBlur: (e) => {
-			de(!1), ae?.(e);
+			fe(!1), oe?.(e);
 		},
-		"aria-label": le
+		"aria-label": ue
 	}, q = (() => {
-		if (!H || !G) return null;
-		let e = (ye ?? []).map((e) => {
+		if (!V || !W) return null;
+		let e = (be ?? []).map((e) => {
 			let t = $[e.type];
 			if (!t?.offsetAt) return null;
 			let n = {
@@ -2792,16 +2812,16 @@ var Ht = c(function(c, d) {
 				offsetAt: t.offsetAt,
 				params: n
 			};
-		}).filter(Boolean), t = k ?? 0;
-		if (e.length === 0 && t === 0) return G;
-		let n = 100 / W.w, r = 100 / W.h, i = G.totalCss, a = (a) => {
-			let o = (a % i + i) % i, s = G.perimeterAt(o), c = s.nx * t, l = s.ny * t;
+		}).filter(Boolean), t = O ?? 0;
+		if (e.length === 0 && t === 0) return W;
+		let n = 100 / U.w, r = 100 / U.h, i = W.totalCss, a = (a) => {
+			let o = (a % i + i) % i, s = W.perimeterAt(o), c = s.nx * t, l = s.ny * t;
 			for (let t of e) {
 				let e = t.offsetAt(o, {
 					params: t.params,
-					phase: I,
+					phase: F,
 					totalCss: i,
-					perimeterAt: G.perimeterAt
+					perimeterAt: W.perimeterAt
 				});
 				c += e.dx, l += e.dy;
 			}
@@ -2827,7 +2847,7 @@ var Ht = c(function(c, d) {
 			},
 			totalCss: i
 		};
-	})(), J = (ye ?? []).filter((e) => $[e.type]?.Component), we = J.filter((e) => ($[e.type].zone ?? "foreground") === "background"), Te = J.filter((e) => ($[e.type].zone ?? "foreground") === "foreground"), Y = J.filter((e) => $[e.type].zone === "mask"), X = `badge-mask-${u().replace(/:/g, "")}`, Ee = (e, t) => {
+	})(), J = (be ?? []).filter((e) => $[e.type]?.Component), we = J.filter((e) => ($[e.type].zone ?? "foreground") === "background"), Te = J.filter((e) => ($[e.type].zone ?? "foreground") === "foreground"), Y = J.filter((e) => $[e.type].zone === "mask"), X = `badge-mask-${u().replace(/:/g, "")}`, Ee = (e, t) => {
 		let n = $[e.type], r = n?.Component;
 		if (!r || !q) return null;
 		let i = {
@@ -2836,14 +2856,14 @@ var Ht = c(function(c, d) {
 		};
 		return /* @__PURE__ */ o(r, {
 			sampler: q,
-			boxW: W.w,
-			boxH: W.h,
+			boxW: U.w,
+			boxH: U.h,
 			variant: y,
 			params: i,
-			phase: I
+			phase: F
 		}, `${e.type}-${t}`);
-	}, De = H && q ? /* @__PURE__ */ s("svg", {
-		ref: be,
+	}, De = V && q ? /* @__PURE__ */ s("svg", {
+		ref: xe,
 		className: m.deco,
 		viewBox: "0 0 100 100",
 		preserveAspectRatio: "none",
@@ -2877,16 +2897,16 @@ var Ht = c(function(c, d) {
 			}),
 			Te.map(Ee)
 		]
-	}) : L.renderMode !== "css" && me ? /* @__PURE__ */ o("svg", {
+	}) : I.renderMode !== "css" && he ? /* @__PURE__ */ o("svg", {
 		className: m.deco,
 		viewBox: "0 0 100 100",
-		preserveAspectRatio: L.stretches === !1 ? "xMidYMid meet" : "none",
+		preserveAspectRatio: I.stretches === !1 ? "xMidYMid meet" : "none",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ o(me, {
+		children: /* @__PURE__ */ o(he, {
 			variant: y,
-			focused: ue,
-			params: he,
-			phase: I
+			focused: de,
+			params: ge,
+			phase: F
 		})
 	}) : null, Oe = /* @__PURE__ */ s(a, { children: [De, /* @__PURE__ */ s("span", {
 		className: m.content,
@@ -2912,26 +2932,26 @@ var Ht = c(function(c, d) {
 				})
 			})
 		})]
-	})] }), ke;
-	return ke = se === "button" ? /* @__PURE__ */ o("button", {
+	})] }), Z;
+	return Z = ce === "button" ? /* @__PURE__ */ o("button", {
 		type: "button",
-		...Ce,
+		...K,
 		ref: d,
 		onClick: x,
 		children: Oe
-	}) : se === "a" ? /* @__PURE__ */ o("a", {
+	}) : ce === "a" ? /* @__PURE__ */ o("a", {
 		href: T,
-		...Ce,
+		...K,
 		ref: d,
 		onClick: x,
 		children: Oe
 	}) : /* @__PURE__ */ o("span", {
-		...Ce,
+		...K,
 		ref: d,
 		children: Oe
-	}), F == null ? ke : /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, { children: ke }), /* @__PURE__ */ o(e, { children: F })] });
+	}), P == null ? Z : /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, { children: Z }), /* @__PURE__ */ o(e, { children: P })] });
 });
 //#endregion
-export { Qe as n, Ht as t };
+export { Ze as n, Xt as t };
 
-//# sourceMappingURL=Badge-CyAIZSDo.js.map
+//# sourceMappingURL=Badge-jYQjrTKc.js.map