@weasel-js/ui 1.6.0 → 1.6.1

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

@@ -1,5 +1,5 @@
-import { n as e, r as t, t as n } from "./Tooltip-9XiJF937.js";
-import { t as r } from "./stance-CarrcbbP.js";
+import { n as e, r as t, t as n } from "./Tooltip-Clg2mhSt.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";
@@ -274,7 +274,7 @@ function A(e, t, n, r, i) {
 	let u = "";
 	for (let e = 0; e < l.length; e++) {
 		let t = l[(e + l.length - 1) % l.length], n = l[e], r = l[(e + 1) % l.length], i = c * .45, a = n[0] + (t[0] - n[0]) * i, o = n[1] + (t[1] - n[1]) * i, s = n[0] + (r[0] - n[0]) * i, d = n[1] + (r[1] - n[1]) * i;
-		e === 0 ? u += `M ${a.toFixed(2)} ${o.toFixed(2)}` : u += ` L ${a.toFixed(2)} ${o.toFixed(2)}`, u += ` Q ${n[0].toFixed(2)} ${n[1].toFixed(2)} ${s.toFixed(2)} ${d.toFixed(2)}`;
+		u += e === 0 ? `M ${a.toFixed(2)} ${o.toFixed(2)}` : ` L ${a.toFixed(2)} ${o.toFixed(2)}`, u += ` Q ${n[0].toFixed(2)} ${n[1].toFixed(2)} ${s.toFixed(2)} ${d.toFixed(2)}`;
 	}
 	return u + " Z";
 }
@@ -551,14 +551,14 @@ var se = {
 	},
 	stretches: !0,
 	defaults: ue
-}, fe = {
+}, I = {
 	eaveY: 32,
 	peakHeight: 32,
 	roofOverhang: 0
-}, pe = {
+}, fe = {
 	compose: (e) => {
 		let t = {
-			...fe,
+			...I,
 			...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: fe
-}, I = {
+	defaults: I
+}, L = {
 	bevelWidth: 6,
 	lightFrom: "tl",
 	rivetRadius: 2.4,
 	rivetInset: 7,
 	sheenIntensity: .22
-}, me = {
+}, pe = {
 	compose: (e) => {
 		let t = {
-			...I,
+			...L,
 			...e
 		};
 		return {
@@ -630,12 +630,12 @@ var se = {
 		left: 8
 	},
 	stretches: !0,
-	defaults: I
-}, he = {
+	defaults: L
+}, me = {
 	topInset: 12,
 	pointDepth: 100
 };
-function ge(e, t) {
+function he(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 ge(e, t) {
 		"Z"
 	].join(" ");
 }
-var L = {
+var R = {
 	Component: ({ variant: e, focused: t, params: n }) => {
 		let r = {
-			...he,
+			...me,
 			...n
-		}, i = ge(r.topInset, r.pointDepth);
+		}, i = he(r.topInset, r.pointDepth);
 		return /* @__PURE__ */ s(a, { children: [
 			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
@@ -677,20 +677,20 @@ var L = {
 		left: 10
 	},
 	stretches: !0,
-	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 = {
+	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 = {
 	Component: ({ variant: e, focused: t }) => /* @__PURE__ */ s(a, { children: [
 		(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 			className: "badge-fill",
-			d: R
+			d: z
 		}),
 		(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 			className: "badge-stroke",
-			d: R
+			d: z
 		}),
 		t && /* @__PURE__ */ o("path", {
 			className: "badge-focus",
-			d: R,
+			d: z,
 			transform: "translate(50 50) scale(1.05) translate(-50 -50)"
 		})
 	] }),
@@ -701,17 +701,17 @@ var L = {
 		left: 12
 	},
 	stretches: !0
-}, z = {
+}, B = {
 	headX: 6,
 	headHalfHeight: 23,
 	shoulderX: 33,
 	shoulderHalfHeight: 36,
 	footX: 100,
 	footHalfHeight: 29
-}, ve = {
+}, _e = {
 	compose: (e) => {
 		let t = {
-			...z,
+			...B,
 			...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 L = {
 		left: 11
 	},
 	stretches: !0,
-	defaults: z
-}, B = {
+	defaults: B
+}, V = {
 	teeth: 11,
 	tearDepth: 4,
 	sideToTopRatio: 3
 };
-function V(e, t) {
+function H(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 V(e, t) {
 	}
 	return a + " Z";
 }
-var ye = 2, be = {
+var ve = 2, ye = {
 	Component: ({ variant: e, focused: t, params: n }) => {
 		let r = {
-			...B,
+			...V,
 			...n
-		}, i = V(r.teeth, r.tearDepth);
+		}, i = H(r.teeth, r.tearDepth);
 		return /* @__PURE__ */ s(a, { children: [
 			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
@@ -775,7 +775,7 @@ var ye = 2, be = {
 		] });
 	},
 	insets: (e) => {
-		let t = Math.max(.2, Math.min(e.sideToTopRatio ?? B.sideToTopRatio, 10)), n = ye, r = Math.round(n * t);
+		let t = Math.max(.2, Math.min(e.sideToTopRatio ?? V.sideToTopRatio, 10)), n = ve, r = Math.round(n * t);
 		return {
 			top: n,
 			right: r,
@@ -784,16 +784,16 @@ var ye = 2, be = {
 		};
 	},
 	stretches: !0,
-	defaults: B
-}, H = "M 8 30 Q 0 50 8 70 L 92 70 Q 100 50 92 30 Z", xe = {
+	defaults: V
+}, U = "M 8 30 Q 0 50 8 70 L 92 70 Q 100 50 92 30 Z", be = {
 	Component: ({ variant: e, focused: t }) => /* @__PURE__ */ s(a, { children: [
 		(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 			className: "badge-fill",
-			d: H
+			d: U
 		}),
 		(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 			className: "badge-stroke",
-			d: H
+			d: U
 		}),
 		(e === "outline" || e === "solid") && /* @__PURE__ */ s(a, { children: [
 			/* @__PURE__ */ o("path", {
@@ -850,7 +850,7 @@ var ye = 2, be = {
 		] }),
 		t && /* @__PURE__ */ o("path", {
 			className: "badge-focus",
-			d: H,
+			d: U,
 			transform: "translate(50 50) scale(1.05) translate(-50 -50)"
 		})
 	] }),
@@ -861,7 +861,7 @@ var ye = 2, be = {
 		left: 4
 	},
 	stretches: !0
-}, U = {
+}, W = {
 	spikeR: 50,
 	lobeR: 42,
 	valleyR: 25,
@@ -875,7 +875,7 @@ var ye = 2, be = {
 	valleySmooth: 3,
 	rotation: 0,
 	samples: 192
-}, Se = {
+}, xe = {
 	pill: h,
 	plain: g,
 	square: v,
@@ -890,18 +890,18 @@ var ye = 2, be = {
 	sparkler: se,
 	postage: le,
 	cloud: de,
-	house: pe,
-	plaque: me,
-	crest: L,
-	urn: _e,
-	coffin: ve,
-	receipt: be,
-	wood: xe,
+	house: fe,
+	plaque: pe,
+	crest: R,
+	urn: ge,
+	coffin: _e,
+	receipt: ye,
+	wood: be,
 	quatrefoil: {
 		compose: (e) => ({
 			base: "quatrefoil",
 			baseParams: {
-				...U,
+				...W,
 				...e
 			}
 		}),
@@ -912,12 +912,12 @@ var ye = 2, be = {
 			left: 14
 		},
 		stretches: !0,
-		defaults: U
+		defaults: W
 	}
-}, W = { chamfer: 6 }, G = {
+}, G = { chamfer: 6 }, K = {
 	build: (e, t, n) => {
 		let r = {
-			...W,
+			...G,
 			...e
 		}, i = 100 / t, a = 100 / n, o = r.chamfer * i, s = r.chamfer * a, c = [
 			[o, 0],
@@ -960,21 +960,21 @@ var ye = 2, be = {
 			totalCss: d
 		};
 	},
-	defaults: W,
+	defaults: G,
 	insets: {
 		top: 0,
 		right: 4,
 		bottom: 0,
 		left: 4
 	}
-}, Ce = {
+}, Se = {
 	erosion: .16,
 	eccentricity: 1,
 	pinch: 0
-}, we = {
+}, Ce = {
 	build: (e, t, n) => {
 		let r = {
-			...Ce,
+			...Se,
 			...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,7 +1125,7 @@ var ye = 2, be = {
 			totalCss: y
 		};
 	},
-	defaults: Ce,
+	defaults: Se,
 	insets: {
 		top: 0,
 		right: 4,
@@ -1135,7 +1135,7 @@ var ye = 2, be = {
 };
 //#endregion
 //#region src/components/Badge/bases/polygonSampler.ts
-function K(e, t, n) {
+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);
@@ -1170,31 +1170,31 @@ function K(e, t, n) {
 }
 //#endregion
 //#region src/components/Badge/bases/Polygon.tsx
-var q = [
+var J = [
 	[0, 0],
 	[100, 0],
 	[100, 100],
 	[0, 100]
-], Te = {
-	build: (e, t, n) => K(e?.vertices && e.vertices.length >= 3 ? e.vertices : q, t, n),
-	defaults: { vertices: q },
+], we = {
+	build: (e, t, n) => q(e?.vertices && e.vertices.length >= 3 ? e.vertices : J, t, n),
+	defaults: { vertices: J },
 	insets: {
 		top: 0,
 		right: 4,
 		bottom: 0,
 		left: 4
 	}
-}, Ee = {
+}, Te = {
 	top: "out",
 	right: "in",
 	bottom: "out",
 	left: "in",
 	tabSize: 12,
 	arcSamples: 18
-}, J = .62;
-function Y(e, t, n, r, i, a, o) {
+}, 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 * J, g = m + r * s * a * J, _ = a * Math.sqrt(Math.max(0, 1 - J * J)), v = [p - d * _, m - f * _], y = [p + d * _, m + f * _], b = [p + n * s * (a + a * (1 - J)), m + r * s * (a + a * (1 - J))], 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 = [];
+	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);
 	for (let e = 1; e <= o; e++) {
 		let t = S + e / o * O;
@@ -1202,22 +1202,22 @@ function Y(e, t, n, r, i, a, o) {
 	}
 	return k.push(t), k;
 }
-var De = {
+var Ee = {
 	build: (e, t, n) => {
 		let r = {
-			...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(...Y(o, s, 0, -1, r.top, i, a)), u.push(...Y(s, c, 1, 0, r.right, i, a)), u.push(...Y(c, l, 0, 1, r.bottom, i, a)), u.push(...Y(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(), K(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(), q(u, t, n);
 	},
-	defaults: Ee,
+	defaults: Te,
 	insets: {
 		top: 12,
 		right: 16,
 		bottom: 12,
 		left: 16
 	}
-}, X = {
+}, De = {
 	spikeR: 50,
 	lobeR: 42,
 	valleyR: 25,
@@ -1244,7 +1244,7 @@ function ke(e, t, n, r) {
 }
 function Ae(e = {}) {
 	let t = {
-		...X,
+		...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++) {
@@ -1254,8 +1254,8 @@ function Ae(e = {}) {
 	return h;
 }
 var je = {
-	build: (e, t, n) => K(Ae(e), t, n),
-	defaults: X,
+	build: (e, t, n) => q(Ae(e), t, n),
+	defaults: De,
 	insets: {
 		top: 10,
 		right: 14,
@@ -1401,7 +1401,7 @@ var Le = {
 			let u = Ie(l, i);
 			s.push([50 + u * Math.cos(t), 50 + u * Math.sin(t)]);
 		}
-		return K(s, t, n);
+		return q(s, t, n);
 	},
 	defaults: Me,
 	insets: {
@@ -1602,7 +1602,7 @@ var qe = {
 			let u = Ke(l, i);
 			s.push([50 + u * Math.cos(t), 50 + u * Math.sin(t)]);
 		}
-		return K(s, t, n);
+		return q(s, t, n);
 	},
 	defaults: Re,
 	insets: {
@@ -1649,7 +1649,7 @@ var Ze = {
 			...Je,
 			...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), K(c, t, n);
+		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);
 	},
 	insets: (e) => {
 		let t = {
@@ -1683,10 +1683,10 @@ var et = {
 	rightEdge: "flat",
 	depth: 6
 }, tt = 64, nt = {
-	"chamfered-rect": G,
-	"rounded-rect": we,
-	polygon: Te,
-	puzzle: De,
+	"chamfered-rect": K,
+	"rounded-rect": Ce,
+	polygon: we,
+	puzzle: Ee,
 	quatrefoil: je,
 	"octant-spline": Le,
 	"octant-bspline": qe,
@@ -1728,7 +1728,7 @@ var et = {
 				nx: 0,
 				ny: 1
 			});
-			for (let e = tt - 1; e >= 1; e--) {
+			for (let e = 63; e >= 1; e--) {
 				let t = e / tt, n = 0 + i(t, o);
 				l.push({
 					x: n * s,
@@ -2061,13 +2061,13 @@ var mt = 240, ht = {
 		let i = {
 			...yt,
 			...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;
-		return /* @__PURE__ */ o(a, { children: [
+		}, 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],
 			[100 - f, p],
 			[f, 100 - p],
 			[100 - f, 100 - p]
-		].map(([e, t], n) => /* @__PURE__ */ s("g", { children: [
+		];
+		return /* @__PURE__ */ o(a, { children: g.map(([e, t], n) => /* @__PURE__ */ s("g", { children: [
 			/* @__PURE__ */ o("ellipse", {
 				className: "badge-bevel-dark",
 				cx: e,
@@ -2430,7 +2430,7 @@ var jt = {
 			})) : h = null;
 		}
 		if (m.length > 1) {
-			let t = e.perimeterAt(0), n = e.perimeterAt((Lt - 1) / Lt * p);
+			let t = e.perimeterAt(0), n = e.perimeterAt(239 / Lt * p);
 			if (t.ny < 0 && n.ny < 0) {
 				let e = m.shift();
 				m[m.length - 1].push(...e);
@@ -2606,7 +2606,7 @@ var jt = {
 				})) : g = null;
 			}
 			if (h.length > 1) {
-				let t = e.perimeterAt(0), n = e.perimeterAt((Bt - 1) / Bt * m);
+				let t = e.perimeterAt(0), n = e.perimeterAt(239 / Bt * m);
 				if (t.ny < 0 && n.ny < 0) {
 					let e = h.shift();
 					h[h.length - 1].push(...e);
@@ -2721,54 +2721,54 @@ function Vt(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), [fe, pe] = p(0), I = Se[h] ?? Se.pill, me = Se[h] ? h : "pill", he = I.Component, ge = {
-		...I.defaults ?? {},
+	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 ?? {}
-	}, L = f(null), R = i((e) => {
-		let t = typeof N == "number" ? N : .2, n = L.current;
-		L.current = e, n !== null && pe((r) => (r + t * (e - n) / 1e3) % 1), R.request();
+	}, 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();
 	}, { onResume: () => {
-		L.current = null;
+		R.current = null;
 	} });
 	l(() => {
 		if (!N) {
-			pe(0);
+			fe(0);
 			return;
 		}
-		return L.current = null, R.request(), () => R.cancel();
-	}, [N, R]);
-	let _e = [m.badge, D].filter(Boolean).join(" "), z = r({
+		return R.current = null, z.request(), () => z.cancel();
+	}, [N, z]);
+	let ge = [m.badge, D].filter(Boolean).join(" "), B = r({
 		stance: _,
 		tone: v
-	}), ve = !P && I.compose ? I.compose(ge) : null, B = P ?? ve?.base, V = B ? nt[B] : null, ye = P ? ee : ve?.baseParams, be = P ? te : ve?.effects ?? te, 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) ?? {
+	}), _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) ?? {
 		top: 0,
 		right: 0,
 		bottom: 0,
 		left: 0
-	} : 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`,
+	} : 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
 		},
 		...j
-	}, we = {
+	}, Ce = {
 		...oe,
 		...ce && oe.role === void 0 && { role: "img" },
-		className: _e,
-		style: Ce,
-		"data-shape": V ? "compose" : me,
+		className: ge,
+		style: Se,
+		"data-shape": H ? "compose" : pe,
 		"data-status": g,
-		"data-stance": z["data-stance"],
-		"data-tone": z["data-tone"],
+		"data-stance": B["data-stance"],
+		"data-tone": B["data-tone"],
 		"data-variant": y,
 		"data-size": b,
 		"data-focused": ue ? "true" : void 0,
@@ -2779,9 +2779,9 @@ var Ht = c(function(c, d) {
 			de(!1), ae?.(e);
 		},
 		"aria-label": le
-	}, K = (() => {
-		if (!V || !W) return null;
-		let e = (be ?? []).map((e) => {
+	}, q = (() => {
+		if (!H || !G) return null;
+		let e = (ye ?? []).map((e) => {
 			let t = $[e.type];
 			if (!t?.offsetAt) return null;
 			let n = {
@@ -2793,15 +2793,15 @@ var Ht = c(function(c, d) {
 				params: n
 			};
 		}).filter(Boolean), t = k ?? 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;
+		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;
 			for (let t of e) {
 				let e = t.offsetAt(o, {
 					params: t.params,
-					phase: fe,
+					phase: I,
 					totalCss: i,
-					perimeterAt: W.perimeterAt
+					perimeterAt: G.perimeterAt
 				});
 				c += e.dx, l += e.dy;
 			}
@@ -2817,7 +2817,7 @@ var Ht = c(function(c, d) {
 		return o += " Z", {
 			bodyPath: o,
 			perimeterAt: (e) => {
-				let t = (e % i + i) % i, o = a(t), s = i / (600 * 2), c = a(t - s), l = a(t + s), u = (l.x - c.x) / n, d = (l.y - c.y) / r, f = Math.hypot(u, d) || 1, p = d / f, m = -u / f;
+				let t = (e % i + i) % i, o = a(t), s = i / 1200, c = a(t - s), l = a(t + s), u = (l.x - c.x) / n, d = (l.y - c.y) / r, f = Math.hypot(u, d) || 1, p = d / f, m = -u / f;
 				return {
 					x: o.x,
 					y: o.y,
@@ -2827,30 +2827,30 @@ var Ht = c(function(c, d) {
 			},
 			totalCss: i
 		};
-	})(), q = (be ?? []).filter((e) => $[e.type]?.Component), Te = q.filter((e) => ($[e.type].zone ?? "foreground") === "background"), Ee = q.filter((e) => ($[e.type].zone ?? "foreground") === "foreground"), J = q.filter((e) => $[e.type].zone === "mask"), Y = `badge-mask-${u().replace(/:/g, "")}`, De = (e, t) => {
+	})(), 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) => {
 		let n = $[e.type], r = n?.Component;
-		if (!r || !K) return null;
+		if (!r || !q) return null;
 		let i = {
 			...n.defaults ?? {},
 			...e.params ?? {}
 		};
 		return /* @__PURE__ */ o(r, {
-			sampler: K,
-			boxW: U.w,
-			boxH: U.h,
+			sampler: q,
+			boxW: W.w,
+			boxH: W.h,
 			variant: y,
 			params: i,
-			phase: fe
+			phase: I
 		}, `${e.type}-${t}`);
-	}, X = /* @__PURE__ */ s(a, { children: [V && K ? /* @__PURE__ */ s("svg", {
-		ref: xe,
+	}, De = H && q ? /* @__PURE__ */ s("svg", {
+		ref: be,
 		className: m.deco,
 		viewBox: "0 0 100 100",
 		preserveAspectRatio: "none",
 		"aria-hidden": "true",
 		children: [
-			J.length > 0 && /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ s("mask", {
-				id: Y,
+			Y.length > 0 && /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ s("mask", {
+				id: X,
 				maskUnits: "userSpaceOnUse",
 				x: "-10",
 				y: "-10",
@@ -2862,33 +2862,33 @@ var Ht = c(function(c, d) {
 					width: "120",
 					height: "120",
 					fill: "white"
-				}), J.map(De)]
+				}), Y.map(Ee)]
 			}) }),
-			Te.map(De),
+			we.map(Ee),
 			/* @__PURE__ */ s("g", {
-				...J.length > 0 ? { mask: `url(#${Y})` } : {},
+				...Y.length > 0 ? { mask: `url(#${X})` } : {},
 				children: [(y === "solid" || y === "subtle") && /* @__PURE__ */ o("path", {
 					className: "badge-fill",
-					d: K.bodyPath
+					d: q.bodyPath
 				}), (y === "outline" || y === "solid") && /* @__PURE__ */ o("path", {
 					className: "badge-stroke",
-					d: K.bodyPath
+					d: q.bodyPath
 				})]
 			}),
-			Ee.map(De)
+			Te.map(Ee)
 		]
-	}) : I.renderMode !== "css" && he ? /* @__PURE__ */ o("svg", {
+	}) : L.renderMode !== "css" && me ? /* @__PURE__ */ o("svg", {
 		className: m.deco,
 		viewBox: "0 0 100 100",
-		preserveAspectRatio: I.stretches === !1 ? "xMidYMid meet" : "none",
+		preserveAspectRatio: L.stretches === !1 ? "xMidYMid meet" : "none",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ o(he, {
+		children: /* @__PURE__ */ o(me, {
 			variant: y,
 			focused: ue,
-			params: ge,
-			phase: fe
+			params: he,
+			phase: I
 		})
-	}) : null, /* @__PURE__ */ s("span", {
+	}) : null, Oe = /* @__PURE__ */ s(a, { children: [De, /* @__PURE__ */ s("span", {
 		className: m.content,
 		children: [/* @__PURE__ */ o("span", { children: E }), C && /* @__PURE__ */ o("button", {
 			type: "button",
@@ -2912,26 +2912,26 @@ var Ht = c(function(c, d) {
 				})
 			})
 		})]
-	})] }), Oe;
-	return Oe = se === "button" ? /* @__PURE__ */ o("button", {
+	})] }), ke;
+	return ke = se === "button" ? /* @__PURE__ */ o("button", {
 		type: "button",
-		...we,
+		...Ce,
 		ref: d,
 		onClick: x,
-		children: X
+		children: Oe
 	}) : se === "a" ? /* @__PURE__ */ o("a", {
 		href: T,
-		...we,
+		...Ce,
 		ref: d,
 		onClick: x,
-		children: X
+		children: Oe
 	}) : /* @__PURE__ */ o("span", {
-		...we,
+		...Ce,
 		ref: d,
-		children: X
-	}), F == null ? Oe : /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, { children: Oe }), /* @__PURE__ */ o(e, { children: F })] });
+		children: Oe
+	}), F == null ? ke : /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, { children: ke }), /* @__PURE__ */ o(e, { children: F })] });
 });
 //#endregion
 export { Qe as n, Ht as t };
 
-//# sourceMappingURL=Badge-DZ0lFs14.js.map
+//# sourceMappingURL=Badge-CyAIZSDo.js.map