@weasel-js/ui 1.7.0 → 1.7.2

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

@@ -1,4 +1,4 @@
-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";
@@ -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: {
@@ -1254,7 +1225,7 @@ function ke(e = {}) {
 	return h;
 }
 var Ae = {
-	build: (e, t, n) => q(ke(e), t, n),
+	build: (e, t, n) => W(ke(e), t, n),
 	defaults: De,
 	insets: {
 		top: 10,
@@ -1401,7 +1372,7 @@ var Ie = {
 			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: je,
 	insets: {
@@ -1602,7 +1573,7 @@ var Ke = {
 			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: Le,
 	insets: {
@@ -1649,7 +1620,7 @@ var Xe = {
 			...qe,
 			...e
 		}, 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), q(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), W(c, t, n);
 	},
 	insets: (e) => {
 		let t = {
@@ -1738,8 +1709,8 @@ var st = {
 	rightEdge: "flat",
 	depth: 6
 }, ct = 20, lt = {
-	"chamfered-rect": K,
-	"rounded-rect": Ce,
+	"chamfered-rect": Ce,
+	"rounded-rect": q,
 	polygon: we,
 	puzzle: Ee,
 	quatrefoil: Ae,
@@ -2369,17 +2340,17 @@ var zt = {
 				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"
 			},
 			{
@@ -2392,11 +2363,11 @@ var zt = {
 				color: "#000"
 			},
 			{
-				offset: j,
+				offset: A,
 				color: "#000"
 			},
 			{
-				offset: A,
+				offset: k,
 				color: "#fff"
 			},
 			{
@@ -2413,10 +2384,10 @@ var zt = {
 				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))
@@ -2668,7 +2639,7 @@ var zt = {
 				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", {
@@ -2684,7 +2655,7 @@ var zt = {
 							}),
 							/* @__PURE__ */ o("stop", {
 								offset: `${C}%`,
-								style: { stopColor: j }
+								style: { stopColor: A }
 							}),
 							/* @__PURE__ */ o("stop", {
 								offset: `${f.equator}%`,
@@ -2692,11 +2663,11 @@ var zt = {
 							}),
 							/* @__PURE__ */ o("stop", {
 								offset: `${w}%`,
-								style: { stopColor: M }
+								style: { stopColor: j }
 							}),
 							/* @__PURE__ */ o("stop", {
 								offset: "100%",
-								style: { stopColor: O }
+								style: { stopColor: ee }
 							})
 						]
 					}),
@@ -2710,7 +2681,7 @@ var zt = {
 							offset: "0%",
 							style: {
 								stopColor: "white",
-								stopOpacity: N
+								stopOpacity: M
 							}
 						}), /* @__PURE__ */ o("stop", {
 							offset: "100%",
@@ -2730,7 +2701,7 @@ var zt = {
 					fill: `url(#${c})`,
 					style: { pointerEvents: "none" }
 				}),
-				N > 0 && /* @__PURE__ */ o("rect", {
+				M > 0 && /* @__PURE__ */ o("rect", {
 					x: "0",
 					y: "0",
 					width: "100",
@@ -2743,7 +2714,7 @@ var zt = {
 					d: e,
 					fill: "none",
 					stroke: "white",
-					strokeOpacity: P,
+					strokeOpacity: N,
 					strokeWidth: x,
 					strokeLinecap: "round",
 					vectorEffect: "non-scaling-stroke",
@@ -2753,7 +2724,7 @@ var zt = {
 					d: e.bodyPath,
 					fill: "none",
 					stroke: "black",
-					strokeOpacity: ee,
+					strokeOpacity: te,
 					strokeWidth: S,
 					vectorEffect: "non-scaling-stroke",
 					style: { pointerEvents: "none" }
@@ -2770,67 +2741,67 @@ function Yt(e) {
 	return e.as ? e.as : e.href ? "a" : e.onClick ? "button" : "span";
 }
 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: 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 = Yt(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();
+	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 ? lt[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 = {
@@ -2841,16 +2812,16 @@ var Xt = 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;
 			}
@@ -2876,7 +2847,7 @@ var Xt = 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 = {
@@ -2885,14 +2856,14 @@ var Xt = 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",
@@ -2926,16 +2897,16 @@ var Xt = 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,
@@ -2962,25 +2933,25 @@ var Xt = c(function(c, d) {
 			})
 		})]
 	})] }), Z;
-	return Z = se === "button" ? /* @__PURE__ */ o("button", {
+	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 ? Z : /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, { children: Z }), /* @__PURE__ */ o(e, { children: F })] });
+	}), P == null ? Z : /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, { children: Z }), /* @__PURE__ */ o(e, { children: P })] });
 });
 //#endregion
 export { Ze as n, Xt as t };
 
-//# sourceMappingURL=Badge-D2aD7xVL.js.map
+//# sourceMappingURL=Badge-jYQjrTKc.js.map