@weasel-js/ui 1.5.1 → 1.6.0

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

@@ -1,12 +1,14 @@
-import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useVisibleRaf as r } from "@weasel-js/core";
-import { useEffect as i, useId as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
-var l = {
-	badge: "_badge_16et2_1",
-	deco: "_deco_16et2_33",
-	content: "_content_16et2_49",
-	remove: "_remove_16et2_161"
-}, u = {
+import { n as e, r as t, t as n } from "./Tooltip-9XiJF937.js";
+import { t as r } from "./stance-CarrcbbP.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"
+}, h = {
 	Component: () => null,
 	insets: {
 		top: 0,
@@ -16,7 +18,7 @@ var l = {
 	},
 	stretches: !0,
 	renderMode: "css"
-}, d = {
+}, g = {
 	Component: () => null,
 	insets: {
 		top: 0,
@@ -26,11 +28,11 @@ var l = {
 	},
 	stretches: !0,
 	renderMode: "css"
-}, f = { erosion: .16 }, p = {
+}, _ = { erosion: .16 }, v = {
 	compose: (e) => ({
 		base: "rounded-rect",
 		baseParams: { erosion: {
-			...f,
+			..._,
 			...e
 		}.erosion }
 	}),
@@ -41,12 +43,12 @@ var l = {
 		left: 0
 	},
 	stretches: !0,
-	defaults: f
-}, m = {
+	defaults: _
+}, y = {
 	erosion: .28,
 	eccentricity: 1
 };
-function h(e, t) {
+function b(e, t) {
 	let n = e * t, r = e / t;
 	return [
 		`M ${n} 0`,
@@ -61,24 +63,24 @@ function h(e, t) {
 		"Z"
 	].join(" ");
 }
-var g = {
-	Component: ({ variant: r, focused: i, params: a }) => {
-		let o = {
-			...m,
-			...a
-		}, s = h(Math.max(0, Math.min(o.erosion, 1)) * 49, Math.max(.2, Math.min(o.eccentricity, 5)));
-		return /* @__PURE__ */ n(e, { children: [
-			(r === "solid" || r === "subtle") && /* @__PURE__ */ t("path", {
+var x = {
+	Component: ({ variant: e, focused: t, params: n }) => {
+		let r = {
+			...y,
+			...n
+		}, i = b(Math.max(0, Math.min(r.erosion, 1)) * 49, Math.max(.2, Math.min(r.eccentricity, 5)));
+		return /* @__PURE__ */ s(a, { children: [
+			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
-				d: s
+				d: i
 			}),
-			(r === "outline" || r === "solid") && /* @__PURE__ */ t("path", {
+			(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 				className: "badge-stroke",
-				d: s
+				d: i
 			}),
-			i && /* @__PURE__ */ t("path", {
+			t && /* @__PURE__ */ o("path", {
 				className: "badge-focus",
-				d: s,
+				d: i,
 				transform: "translate(50 50) scale(1.06) translate(-50 -50)"
 			})
 		] });
@@ -90,16 +92,16 @@ var g = {
 		left: 4
 	},
 	stretches: !0,
-	defaults: m
+	defaults: y
 };
 //#endregion
 //#region src/components/Badge/useSvgBox.ts
-function _(e, t = !0) {
-	let [n, r] = c({
+function S(e, t = !0) {
+	let [n, r] = p({
 		w: 100,
 		h: 100
 	});
-	return o(() => {
+	return d(() => {
 		let n = t ? e.current : null, i = n?.ownerSVGElement ?? n;
 		if (!i) return;
 		let a = () => {
@@ -116,15 +118,15 @@ function _(e, t = !0) {
 }
 //#endregion
 //#region src/components/Badge/shapes/Perforated.tsx
-var v = {
+var C = {
 	holeRadius: 3.5,
 	holePitch: 11
 };
-function y({ variant: e, focused: r, params: i }) {
-	let o = {
-		...v,
-		...i
-	}, c = a(), l = s(null), u = _(l), d = o.holeRadius / u.w * 100, f = o.holeRadius / u.h * 100, p = Math.max(2, Math.round(u.w / o.holePitch)), m = Math.max(2, Math.round(u.h / o.holePitch)), h = [];
+function w({ variant: e, focused: t, params: n }) {
+	let r = {
+		...C,
+		...n
+	}, i = u(), a = f(null), c = S(a), l = r.holeRadius / c.w * 100, d = r.holeRadius / c.h * 100, p = Math.max(2, Math.round(c.w / r.holePitch)), m = Math.max(2, Math.round(c.h / r.holePitch)), h = [];
 	for (let e = 0; e < p; e++) {
 		let t = (e + .5) / p;
 		h.push({
@@ -145,59 +147,59 @@ function y({ variant: e, focused: r, params: i }) {
 			cy: t * 100
 		});
 	}
-	return /* @__PURE__ */ n("g", {
-		ref: l,
+	return /* @__PURE__ */ s("g", {
+		ref: a,
 		children: [
-			/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n("mask", {
-				id: c,
+			/* @__PURE__ */ o("defs", { children: /* @__PURE__ */ s("mask", {
+				id: i,
 				maskUnits: "userSpaceOnUse",
 				x: "-5",
 				y: "-5",
 				width: "110",
 				height: "110",
-				children: [/* @__PURE__ */ t("rect", {
+				children: [/* @__PURE__ */ o("rect", {
 					x: "0",
 					y: "0",
 					width: "100",
 					height: "100",
 					fill: "white"
-				}), h.map((e, n) => /* @__PURE__ */ t("ellipse", {
+				}), h.map((e, t) => /* @__PURE__ */ o("ellipse", {
 					cx: e.cx,
 					cy: e.cy,
-					rx: d,
-					ry: f,
+					rx: l,
+					ry: d,
 					fill: "black"
-				}, n))]
+				}, t))]
 			}) }),
-			(e === "solid" || e === "subtle") && /* @__PURE__ */ t("rect", {
+			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("rect", {
 				className: "badge-fill",
 				x: "0",
 				y: "0",
 				width: "100",
 				height: "100",
-				mask: `url(#${c})`
+				mask: `url(#${i})`
 			}),
-			(e === "outline" || e === "solid") && /* @__PURE__ */ t("rect", {
+			(e === "outline" || e === "solid") && /* @__PURE__ */ o("rect", {
 				className: "badge-stroke",
 				x: "0",
 				y: "0",
 				width: "100",
 				height: "100",
-				mask: `url(#${c})`
+				mask: `url(#${i})`
 			}),
-			r && /* @__PURE__ */ t("rect", {
+			t && /* @__PURE__ */ o("rect", {
 				className: "badge-focus",
 				x: "-4",
 				y: "-4",
 				width: "108",
 				height: "108",
-				mask: `url(#${c})`
+				mask: `url(#${i})`
 			})
 		]
 	});
 }
-var b = {
-	Component: y,
+var T = {
+	Component: w,
 	insets: {
 		top: 2,
 		right: 4,
@@ -205,12 +207,12 @@ var b = {
 		left: 4
 	},
 	stretches: !0,
-	defaults: v
-}, x = {
+	defaults: C
+}, E = {
 	tipHeight: 25,
 	tipTruncation: 0
 };
-function S(e, t) {
+function D(e, t) {
 	let n = Math.max(0, Math.min(e, 49)), r = Math.max(0, Math.min(t, n));
 	if (r <= 0) return [
 		[50, 0],
@@ -232,15 +234,15 @@ function S(e, t) {
 		[0, n]
 	];
 }
-var C = {
+var O = {
 	compose: (e) => {
 		let t = {
-			...x,
+			...E,
 			...e
 		};
 		return {
 			base: "polygon",
-			baseParams: { vertices: S(t.tipHeight, t.tipTruncation) }
+			baseParams: { vertices: D(t.tipHeight, t.tipTruncation) }
 		};
 	},
 	insets: {
@@ -250,15 +252,15 @@ var C = {
 		left: 6
 	},
 	stretches: !0,
-	defaults: x
-}, w = {
+	defaults: E
+}, k = {
 	points: 12,
 	outerR: 48,
 	innerR: 36,
 	rotation: -7,
 	erosion: 0
 };
-function T(e, t, n, r, i) {
+function A(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;
@@ -276,22 +278,22 @@ function T(e, t, n, r, i) {
 	}
 	return u + " Z";
 }
-var E = {
-	Component: ({ variant: r, focused: i, params: a }) => {
-		let o = {
-			...w,
-			...a
-		}, s = T(o.points, o.outerR, o.innerR, o.rotation, o.erosion), c = T(o.points, o.outerR + 4, o.innerR + 3, o.rotation, o.erosion);
-		return /* @__PURE__ */ n(e, { children: [
-			(r === "solid" || r === "subtle") && /* @__PURE__ */ t("path", {
+var j = {
+	Component: ({ variant: e, focused: t, params: n }) => {
+		let r = {
+			...k,
+			...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);
+		return /* @__PURE__ */ s(a, { children: [
+			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
-				d: s
+				d: i
 			}),
-			(r === "outline" || r === "solid") && /* @__PURE__ */ t("path", {
+			(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 				className: "badge-stroke",
-				d: s
+				d: i
 			}),
-			i && /* @__PURE__ */ t("path", {
+			t && /* @__PURE__ */ o("path", {
 				className: "badge-focus",
 				d: c
 			})
@@ -304,15 +306,15 @@ var E = {
 		left: 8
 	},
 	stretches: !0,
-	defaults: w
-}, D = {
+	defaults: k
+}, M = {
 	scallopRadius: 5,
 	scallopSpacing: 12,
 	irregularity: 0
-}, O = {
+}, N = {
 	compose: (e) => {
 		let t = {
-			...D,
+			...M,
 			...e
 		};
 		return {
@@ -335,40 +337,40 @@ var E = {
 		left: 6
 	},
 	stretches: !0,
-	defaults: D
-}, k = {
+	defaults: M
+}, P = {
 	pointDepth: 100,
 	shoulderY: 55,
 	curveTightness: .7,
 	erosion: .33
 };
-function A({ variant: e, focused: r, params: i }) {
-	let a = {
-		...k,
-		...i
-	}, o = s(null), c = _(o), l = Math.max(60, Math.min(a.pointDepth, 110)), u = Math.max(20, Math.min(a.shoulderY, l - 5)), d = u + (l - u) * Math.max(.1, Math.min(a.curveTightness, 1)), f = Math.max(0, Math.min(a.erosion, 1)) * 12, p = f / c.w * 100, m = f / c.h * 100, h = [
+function ee({ variant: e, focused: t, params: n }) {
+	let r = {
+		...P,
+		...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`,
 		`L ${(100 - p).toFixed(3)} 0`,
 		`A ${p.toFixed(3)} ${m.toFixed(3)} 0 0 1 100 ${m.toFixed(3)}`,
-		`L 100 ${u}`,
-		`Q 100 ${d} 50 ${l}`,
-		`Q 0 ${d} 0 ${u}`,
+		`L 100 ${l}`,
+		`Q 100 ${u} 50 ${c}`,
+		`Q 0 ${u} 0 ${l}`,
 		`L 0 ${m.toFixed(3)}`,
 		`A ${p.toFixed(3)} ${m.toFixed(3)} 0 0 1 ${p.toFixed(3)} 0`,
 		"Z"
 	].join(" ");
-	return /* @__PURE__ */ n("g", {
-		ref: o,
+	return /* @__PURE__ */ s("g", {
+		ref: i,
 		children: [
-			(e === "solid" || e === "subtle") && /* @__PURE__ */ t("path", {
+			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
 				d: h
 			}),
-			(e === "outline" || e === "solid") && /* @__PURE__ */ t("path", {
+			(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 				className: "badge-stroke",
 				d: h
 			}),
-			r && /* @__PURE__ */ t("path", {
+			t && /* @__PURE__ */ o("path", {
 				className: "badge-focus",
 				d: h,
 				transform: "translate(50 50) scale(1.06) translate(-50 -50)"
@@ -376,8 +378,8 @@ function A({ variant: e, focused: r, params: i }) {
 		]
 	});
 }
-var j = {
-	Component: A,
+var te = {
+	Component: ee,
 	insets: {
 		top: 2,
 		right: 8,
@@ -385,16 +387,16 @@ var j = {
 		left: 8
 	},
 	stretches: !0,
-	defaults: k
-}, M = {
+	defaults: P
+}, F = {
 	left: "inward",
 	right: "outward",
 	taperWidth: 8
-}, N = {
+}, ne = {
 	compose: (e) => ({
 		base: "ribbon",
 		baseParams: {
-			...M,
+			...F,
 			...e
 		}
 	}),
@@ -405,17 +407,17 @@ var j = {
 		left: 0
 	},
 	stretches: !0,
-	defaults: M
-}, P = {
+	defaults: F
+}, re = {
 	points: 44,
 	cornerRadius: 6,
 	spikeLen: 12,
 	spikeBaseWidth: 3,
 	irregularity: 0
-}, ee = {
+}, ie = {
 	compose: (e) => {
 		let t = {
-			...P,
+			...re,
 			...e
 		};
 		return {
@@ -442,14 +444,14 @@ var j = {
 		left: 8
 	},
 	stretches: !0,
-	defaults: P
-}, F = {
+	defaults: re
+}, ae = {
 	points: 16,
 	outerR: 58,
 	innerR: 50,
 	rotation: -5
 };
-function te(e, t, n, r) {
+function oe(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;
@@ -457,22 +459,22 @@ function te(e, t, n, r) {
 	}
 	return s + " Z";
 }
-var ne = {
-	Component: ({ variant: r, focused: i, params: a }) => {
-		let { points: o, outerR: s, innerR: c, rotation: l } = {
-			...F,
-			...a
-		}, u = te(o, s, c, l), d = te(o, s + 4, c + 3, l);
-		return /* @__PURE__ */ n(e, { children: [
-			(r === "solid" || r === "subtle") && /* @__PURE__ */ t("path", {
+var se = {
+	Component: ({ variant: e, focused: t, params: n }) => {
+		let { points: r, outerR: i, innerR: c, rotation: l } = {
+			...ae,
+			...n
+		}, u = oe(r, i, c, l), d = oe(r, i + 4, c + 3, l);
+		return /* @__PURE__ */ s(a, { children: [
+			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
 				d: u
 			}),
-			(r === "outline" || r === "solid") && /* @__PURE__ */ t("path", {
+			(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 				className: "badge-stroke",
 				d: u
 			}),
-			i && /* @__PURE__ */ t("path", {
+			t && /* @__PURE__ */ o("path", {
 				className: "badge-focus",
 				d
 			})
@@ -485,15 +487,15 @@ var ne = {
 		left: 4
 	},
 	stretches: !0,
-	defaults: F
-}, I = {
+	defaults: ae
+}, ce = {
 	biteRadius: 3,
 	biteSpacing: 8,
 	irregularity: 0
-}, L = {
+}, le = {
 	compose: (e) => {
 		let t = {
-			...I,
+			...ce,
 			...e
 		};
 		return {
@@ -516,16 +518,16 @@ var ne = {
 		left: 6
 	},
 	stretches: !0,
-	defaults: I
-}, R = {
+	defaults: ce
+}, ue = {
 	bumpWidth: 24,
 	puffiness: 14,
 	erosion: .2,
 	irregularity: 0
-}, re = {
+}, de = {
 	compose: (e) => {
 		let t = {
-			...R,
+			...ue,
 			...e
 		};
 		return {
@@ -548,15 +550,15 @@ var ne = {
 		left: 8
 	},
 	stretches: !0,
-	defaults: R
-}, z = {
+	defaults: ue
+}, fe = {
 	eaveY: 32,
 	peakHeight: 32,
 	roofOverhang: 0
-}, ie = {
+}, pe = {
 	compose: (e) => {
 		let t = {
-			...z,
+			...fe,
 			...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 {
@@ -579,17 +581,17 @@ var ne = {
 		left: 4
 	},
 	stretches: !0,
-	defaults: z
-}, B = {
+	defaults: fe
+}, I = {
 	bevelWidth: 6,
 	lightFrom: "tl",
 	rivetRadius: 2.4,
 	rivetInset: 7,
 	sheenIntensity: .22
-}, ae = {
+}, me = {
 	compose: (e) => {
 		let t = {
-			...B,
+			...I,
 			...e
 		};
 		return {
@@ -628,12 +630,12 @@ var ne = {
 		left: 8
 	},
 	stretches: !0,
-	defaults: B
-}, oe = {
+	defaults: I
+}, he = {
 	topInset: 12,
 	pointDepth: 100
 };
-function se(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`,
@@ -646,24 +648,24 @@ function se(e, t) {
 		"Z"
 	].join(" ");
 }
-var ce = {
-	Component: ({ variant: r, focused: i, params: a }) => {
-		let o = {
-			...oe,
-			...a
-		}, s = se(o.topInset, o.pointDepth);
-		return /* @__PURE__ */ n(e, { children: [
-			(r === "solid" || r === "subtle") && /* @__PURE__ */ t("path", {
+var L = {
+	Component: ({ variant: e, focused: t, params: n }) => {
+		let r = {
+			...he,
+			...n
+		}, i = ge(r.topInset, r.pointDepth);
+		return /* @__PURE__ */ s(a, { children: [
+			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
-				d: s
+				d: i
 			}),
-			(r === "outline" || r === "solid") && /* @__PURE__ */ t("path", {
+			(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 				className: "badge-stroke",
-				d: s
+				d: i
 			}),
-			i && /* @__PURE__ */ t("path", {
+			t && /* @__PURE__ */ o("path", {
 				className: "badge-focus",
-				d: s,
+				d: i,
 				transform: "translate(50 50) scale(1.06) translate(-50 -50)"
 			})
 		] });
@@ -675,20 +677,20 @@ var ce = {
 		left: 10
 	},
 	stretches: !0,
-	defaults: oe
-}, V = "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", H = {
-	Component: ({ variant: r, focused: i }) => /* @__PURE__ */ n(e, { children: [
-		(r === "solid" || r === "subtle") && /* @__PURE__ */ t("path", {
+	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: V
+			d: R
 		}),
-		(r === "outline" || r === "solid") && /* @__PURE__ */ t("path", {
+		(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 			className: "badge-stroke",
-			d: V
+			d: R
 		}),
-		i && /* @__PURE__ */ t("path", {
+		t && /* @__PURE__ */ o("path", {
 			className: "badge-focus",
-			d: V,
+			d: R,
 			transform: "translate(50 50) scale(1.05) translate(-50 -50)"
 		})
 	] }),
@@ -699,17 +701,17 @@ var ce = {
 		left: 12
 	},
 	stretches: !0
-}, U = {
+}, z = {
 	headX: 6,
 	headHalfHeight: 23,
 	shoulderX: 33,
 	shoulderHalfHeight: 36,
 	footX: 100,
 	footHalfHeight: 29
-}, le = {
+}, ve = {
 	compose: (e) => {
 		let t = {
-			...U,
+			...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 {
@@ -731,13 +733,13 @@ var ce = {
 		left: 11
 	},
 	stretches: !0,
-	defaults: U
-}, W = {
+	defaults: z
+}, B = {
 	teeth: 11,
 	tearDepth: 4,
 	sideToTopRatio: 3
 };
-function ue(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;
@@ -750,30 +752,30 @@ function ue(e, t) {
 	}
 	return a + " Z";
 }
-var de = 2, fe = {
-	Component: ({ variant: r, focused: i, params: a }) => {
-		let o = {
-			...W,
-			...a
-		}, s = ue(o.teeth, o.tearDepth);
-		return /* @__PURE__ */ n(e, { children: [
-			(r === "solid" || r === "subtle") && /* @__PURE__ */ t("path", {
+var ye = 2, be = {
+	Component: ({ variant: e, focused: t, params: n }) => {
+		let r = {
+			...B,
+			...n
+		}, i = V(r.teeth, r.tearDepth);
+		return /* @__PURE__ */ s(a, { children: [
+			(e === "solid" || e === "subtle") && /* @__PURE__ */ o("path", {
 				className: "badge-fill",
-				d: s
+				d: i
 			}),
-			(r === "outline" || r === "solid") && /* @__PURE__ */ t("path", {
+			(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 				className: "badge-stroke",
-				d: s
+				d: i
 			}),
-			i && /* @__PURE__ */ t("path", {
+			t && /* @__PURE__ */ o("path", {
 				className: "badge-focus",
-				d: s,
+				d: i,
 				transform: "translate(50 50) scale(1.04) translate(-50 -50)"
 			})
 		] });
 	},
 	insets: (e) => {
-		let t = Math.max(.2, Math.min(e.sideToTopRatio ?? W.sideToTopRatio, 10)), n = de, 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,
@@ -782,43 +784,43 @@ var de = 2, fe = {
 		};
 	},
 	stretches: !0,
-	defaults: W
-}, G = "M 8 30 Q 0 50 8 70 L 92 70 Q 100 50 92 30 Z", pe = {
-	Component: ({ variant: r, focused: i }) => /* @__PURE__ */ n(e, { children: [
-		(r === "solid" || r === "subtle") && /* @__PURE__ */ t("path", {
+	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: G
+			d: H
 		}),
-		(r === "outline" || r === "solid") && /* @__PURE__ */ t("path", {
+		(e === "outline" || e === "solid") && /* @__PURE__ */ o("path", {
 			className: "badge-stroke",
-			d: G
+			d: H
 		}),
-		(r === "outline" || r === "solid") && /* @__PURE__ */ n(e, { children: [
-			/* @__PURE__ */ t("path", {
+		(e === "outline" || e === "solid") && /* @__PURE__ */ s(a, { children: [
+			/* @__PURE__ */ o("path", {
 				className: "badge-stroke",
 				d: "M 12 38 Q 30 35 50 39 T 88 38",
 				opacity: .5,
 				fill: "none"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ o("path", {
 				className: "badge-stroke",
 				d: "M 10 46 Q 36 49 54 45 T 90 47",
 				opacity: .4,
 				fill: "none"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ o("path", {
 				className: "badge-stroke",
 				d: "M 12 54 Q 28 51 52 56 T 88 54",
 				opacity: .55,
 				fill: "none"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ o("path", {
 				className: "badge-stroke",
 				d: "M 10 62 Q 40 65 58 61 T 90 62",
 				opacity: .4,
 				fill: "none"
 			}),
-			/* @__PURE__ */ t("ellipse", {
+			/* @__PURE__ */ o("ellipse", {
 				className: "badge-stroke",
 				cx: "32",
 				cy: "50",
@@ -827,7 +829,7 @@ var de = 2, fe = {
 				opacity: .7,
 				fill: "none"
 			}),
-			/* @__PURE__ */ t("ellipse", {
+			/* @__PURE__ */ o("ellipse", {
 				className: "badge-stroke",
 				cx: "32",
 				cy: "50",
@@ -836,7 +838,7 @@ var de = 2, fe = {
 				opacity: .85,
 				fill: "none"
 			}),
-			/* @__PURE__ */ t("ellipse", {
+			/* @__PURE__ */ o("ellipse", {
 				className: "badge-stroke",
 				cx: "70",
 				cy: "42",
@@ -846,9 +848,9 @@ var de = 2, fe = {
 				fill: "none"
 			})
 		] }),
-		i && /* @__PURE__ */ t("path", {
+		t && /* @__PURE__ */ o("path", {
 			className: "badge-focus",
-			d: G,
+			d: H,
 			transform: "translate(50 50) scale(1.05) translate(-50 -50)"
 		})
 	] }),
@@ -859,7 +861,7 @@ var de = 2, fe = {
 		left: 4
 	},
 	stretches: !0
-}, K = {
+}, U = {
 	spikeR: 50,
 	lobeR: 42,
 	valleyR: 25,
@@ -873,33 +875,33 @@ var de = 2, fe = {
 	valleySmooth: 3,
 	rotation: 0,
 	samples: 192
-}, me = {
-	pill: u,
-	plain: d,
-	square: p,
-	notched: g,
-	perforated: b,
-	hexagon: C,
-	starburst: E,
-	scalloped: O,
-	shield: j,
-	ribbon: N,
-	beavis: ee,
-	sparkler: ne,
-	postage: L,
-	cloud: re,
-	house: ie,
-	plaque: ae,
-	crest: ce,
-	urn: H,
-	coffin: le,
-	receipt: fe,
-	wood: pe,
+}, 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: pe,
+	plaque: me,
+	crest: L,
+	urn: _e,
+	coffin: ve,
+	receipt: be,
+	wood: xe,
 	quatrefoil: {
 		compose: (e) => ({
 			base: "quatrefoil",
 			baseParams: {
-				...K,
+				...U,
 				...e
 			}
 		}),
@@ -910,12 +912,12 @@ var de = 2, fe = {
 			left: 14
 		},
 		stretches: !0,
-		defaults: K
+		defaults: U
 	}
-}, q = { chamfer: 6 }, he = {
+}, W = { chamfer: 6 }, G = {
 	build: (e, t, n) => {
 		let r = {
-			...q,
+			...W,
 			...e
 		}, i = 100 / t, a = 100 / n, o = r.chamfer * i, s = r.chamfer * a, c = [
 			[o, 0],
@@ -958,21 +960,21 @@ var de = 2, fe = {
 			totalCss: d
 		};
 	},
-	defaults: q,
+	defaults: W,
 	insets: {
 		top: 0,
 		right: 4,
 		bottom: 0,
 		left: 4
 	}
-}, ge = {
+}, Ce = {
 	erosion: .16,
 	eccentricity: 1,
 	pinch: 0
-}, _e = {
+}, we = {
 	build: (e, t, n) => {
 		let r = {
-			...ge,
+			...Ce,
 			...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, _ = [
 			{
@@ -1123,7 +1125,7 @@ var de = 2, fe = {
 			totalCss: y
 		};
 	},
-	defaults: ge,
+	defaults: Ce,
 	insets: {
 		top: 0,
 		right: 4,
@@ -1133,7 +1135,7 @@ var de = 2, fe = {
 };
 //#endregion
 //#region src/components/Badge/bases/polygonSampler.ts
-function J(e, t, n) {
+function K(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);
@@ -1168,31 +1170,31 @@ function J(e, t, n) {
 }
 //#endregion
 //#region src/components/Badge/bases/Polygon.tsx
-var ve = [
+var q = [
 	[0, 0],
 	[100, 0],
 	[100, 100],
 	[0, 100]
-], ye = {
-	build: (e, t, n) => J(e?.vertices && e.vertices.length >= 3 ? e.vertices : ve, t, n),
-	defaults: { vertices: ve },
+], Te = {
+	build: (e, t, n) => K(e?.vertices && e.vertices.length >= 3 ? e.vertices : q, t, n),
+	defaults: { vertices: q },
 	insets: {
 		top: 0,
 		right: 4,
 		bottom: 0,
 		left: 4
 	}
-}, be = {
+}, Ee = {
 	top: "out",
 	right: "in",
 	bottom: "out",
 	left: "in",
 	tabSize: 12,
 	arcSamples: 18
-}, Y = .62;
-function xe(e, t, n, r, i, a, o) {
+}, J = .62;
+function Y(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 * (1 - Y)), m + r * s * (a + a * (1 - Y))], 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 * 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 = [];
 	k.push(v);
 	for (let e = 1; e <= o; e++) {
 		let t = S + e / o * O;
@@ -1200,22 +1202,22 @@ function xe(e, t, n, r, i, a, o) {
 	}
 	return k.push(t), k;
 }
-var Se = {
+var De = {
 	build: (e, t, n) => {
 		let r = {
-			...be,
+			...Ee,
 			...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(...xe(o, s, 0, -1, r.top, i, a)), u.push(...xe(s, c, 1, 0, r.right, i, a)), u.push(...xe(c, l, 0, 1, r.bottom, i, a)), u.push(...xe(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(), J(u, t, n);
+		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);
 	},
-	defaults: be,
+	defaults: Ee,
 	insets: {
 		top: 12,
 		right: 16,
 		bottom: 12,
 		left: 16
 	}
-}, Ce = {
+}, X = {
 	spikeR: 50,
 	lobeR: 42,
 	valleyR: 25,
@@ -1230,37 +1232,37 @@ var Se = {
 	rotation: 0,
 	samples: 192
 };
-function we(e, t, n) {
+function Oe(e, t, n) {
 	let r = e - t;
 	return (e + t + Math.sqrt(r * r + n * n)) / 2;
 }
-function Te(e, t, n, r) {
+function ke(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 Ee(e = {}) {
+function Ae(e = {}) {
 	let t = {
-		...Ce,
+		...X,
 		...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 = we(i + (n - i) * Te(Math.max(0, _), o, s, c), i + (r - i) * Te(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) * ke(Math.max(0, _), o, s, c), i + (r - i) * ke(Math.max(0, v), l, u, d), f);
 		h.push([50 + y * Math.cos(t), 50 + y * Math.sin(t)]);
 	}
 	return h;
 }
-var De = {
-	build: (e, t, n) => J(Ee(e), t, n),
-	defaults: Ce,
+var je = {
+	build: (e, t, n) => K(Ae(e), t, n),
+	defaults: X,
 	insets: {
 		top: 10,
 		right: 14,
 		bottom: 10,
 		left: 14
 	}
-}, Oe = {
+}, Me = {
 	mode: "octant",
 	count: 5,
 	s0: 0,
@@ -1302,9 +1304,9 @@ var De = {
 	rotation: 0,
 	samples: 192
 };
-function ke(e = {}) {
+function Ne(e = {}) {
 	let t = {
-		...Oe,
+		...Me,
 		...e
 	}, n = Math.max(3, Math.min(Math.floor(t.count), 12)), r = [
 		"s0",
@@ -1353,7 +1355,7 @@ function ke(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 Ae(e) {
+function Pe(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);
@@ -1369,13 +1371,13 @@ function Ae(e) {
 	for (let e = t - 1; e >= 0; e--) s[e] = (o[e] - a[e] * s[e + 1]) / i[e];
 	return s;
 }
-function je(e) {
+function Fe(e) {
 	return {
 		anchors: e,
-		M: Ae(e)
+		M: Pe(e)
 	};
 }
-function Me(e, t) {
+function Ie(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;
@@ -1387,28 +1389,28 @@ function Me(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 Ne = {
+var Le = {
 	build: (e, t, n) => {
 		let r = {
-			...Oe,
+			...Me,
 			...e
-		}, i = je(ke(r)), a = r.rotation * Math.PI / 180, o = Math.max(48, Math.floor(r.samples)), s = [], c = Math.PI / 2;
+		}, i = Fe(Ne(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 = Me(l, i);
+			let u = Ie(l, i);
 			s.push([50 + u * Math.cos(t), 50 + u * Math.sin(t)]);
 		}
-		return J(s, t, n);
+		return K(s, t, n);
 	},
-	defaults: Oe,
+	defaults: Me,
 	insets: {
 		top: 10,
 		right: 14,
 		bottom: 10,
 		left: 14
 	}
-}, Pe = {
+}, Re = {
 	mode: "octant",
 	count: 5,
 	s0: 0,
@@ -1450,9 +1452,9 @@ var Ne = {
 	rotation: 0,
 	samples: 192
 };
-function Fe(e = {}) {
+function ze(e = {}) {
 	let t = {
-		...Pe,
+		...Re,
 		...e
 	}, n = Math.max(3, Math.min(Math.floor(t.count), 12)), r = [
 		"s0",
@@ -1501,7 +1503,7 @@ function Fe(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 Ie(e) {
+function Be(e) {
 	let t = e.length, n = {
 		s: -e[1].s,
 		r: e[1].r,
@@ -1527,7 +1529,7 @@ function Ie(e) {
 		a
 	];
 }
-function Le(e, t) {
+function Ve(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;
@@ -1535,14 +1537,14 @@ function Le(e, t) {
 	for (let e = n - t - 1; e < n; e++) r[e] = 1;
 	return r;
 }
-function Re(e, t, n, r) {
+function He(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 ze(e, t, n, r) {
+function Ue(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++) {
@@ -1556,16 +1558,16 @@ function ze(e, t, n, r) {
 	}
 	return i;
 }
-function Be(e) {
-	let t = Ie(e);
+function We(e) {
+	let t = Be(e);
 	return {
 		extended: t,
-		knots: Le(t.length, 3),
+		knots: Ve(t.length, 3),
 		degree: 3
 	};
 }
-function Ve(e, t) {
-	let { extended: n, knots: r, degree: i } = t, a = n.length, o = Math.max(0, Math.min(1, e)), s = Re(o, r, i, a), c = ze(s, o, r, i), l = 0, u = 0, d = 0;
+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;
 	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;
@@ -1578,43 +1580,43 @@ function Ve(e, t) {
 		r: 0
 	};
 }
-function He(e, t) {
-	if (e <= 0) return Ve(0, t).r;
-	if (e >= 1) return Ve(1, t).r;
+function Ke(e, t) {
+	if (e <= 0) return Ge(0, t).r;
+	if (e >= 1) return Ge(1, t).r;
 	let n = 0, r = 1;
 	for (let i = 0; i < 30; i++) {
-		let i = (n + r) * .5, { s: a } = Ve(i, t);
+		let i = (n + r) * .5, { s: a } = Ge(i, t);
 		if (a < e ? n = i : r = i, r - n < 1e-5) break;
 	}
-	return Ve((n + r) * .5, t).r;
+	return Ge((n + r) * .5, t).r;
 }
-var Ue = {
+var qe = {
 	build: (e, t, n) => {
 		let r = {
-			...Pe,
+			...Re,
 			...e
-		}, i = Be(Fe(r)), a = r.rotation * Math.PI / 180, o = Math.max(48, Math.floor(r.samples)), s = [], c = Math.PI / 2;
+		}, i = We(ze(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 = He(l, i);
+			let u = Ke(l, i);
 			s.push([50 + u * Math.cos(t), 50 + u * Math.sin(t)]);
 		}
-		return J(s, t, n);
+		return K(s, t, n);
 	},
-	defaults: Pe,
+	defaults: Re,
 	insets: {
 		top: 10,
 		right: 14,
 		bottom: 10,
 		left: 14
 	}
-}, We = {
+}, Je = {
 	left: "inward",
 	right: "outward",
 	taperWidth: 8
 };
-function Ge(e, t, n, r) {
+function Ye(e, t, n, r) {
 	switch (e) {
 		case "flat": return {
 			top: [t, 0],
@@ -1633,7 +1635,7 @@ function Ge(e, t, n, r) {
 		};
 	}
 }
-function Ke(e, t) {
+function Xe(e, t) {
 	let n = Math.max(0, t);
 	switch (e) {
 		case "flat": return 4;
@@ -1641,28 +1643,28 @@ function Ke(e, t) {
 		case "inward": return Math.round(n * .8);
 	}
 }
-var qe = {
+var Ze = {
 	build: (e, t, n) => {
 		let r = {
-			...We,
+			...Je,
 			...e
-		}, i = Math.max(0, r.taperWidth), a = t > 0 ? i / t * 100 : 0, o = Ge(r.left, 0, 1, a), s = Ge(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), J(c, t, n);
+		}, 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);
 	},
 	insets: (e) => {
 		let t = {
-			...We,
+			...Je,
 			...e
 		};
 		return {
 			top: 0,
-			right: Ke(t.right, t.taperWidth),
+			right: Xe(t.right, t.taperWidth),
 			bottom: 0,
-			left: Ke(t.left, t.taperWidth)
+			left: Xe(t.left, t.taperWidth)
 		};
 	},
-	defaults: We
-}, Je = {
+	defaults: Je
+}, Qe = {
 	flat: (e, t) => 0,
 	chevron: (e, t) => (1 - Math.abs(e - .5) * 2) * t,
 	slant: (e, t) => e * t,
@@ -1671,30 +1673,30 @@ var qe = {
 	scallop: (e, t) => Math.sin(e * Math.PI * 3) * .4 * t,
 	"concave-chevron": (e, t) => -(1 - Math.abs(e - .5) * 2) * t
 };
-function Ye(e) {
-	return typeof e == "function" ? e : Je[e] ?? Je.flat;
+function $e(e) {
+	return typeof e == "function" ? e : Qe[e] ?? Qe.flat;
 }
 //#endregion
 //#region src/components/Badge/bases/Powerline.tsx
-var X = {
+var et = {
 	leftEdge: "flat",
 	rightEdge: "flat",
 	depth: 6
-}, Xe = 64, Ze = {
-	"chamfered-rect": he,
-	"rounded-rect": _e,
-	polygon: ye,
-	puzzle: Se,
-	quatrefoil: De,
-	"octant-spline": Ne,
-	"octant-bspline": Ue,
-	ribbon: qe,
+}, tt = 64, nt = {
+	"chamfered-rect": G,
+	"rounded-rect": we,
+	polygon: Te,
+	puzzle: De,
+	quatrefoil: je,
+	"octant-spline": Le,
+	"octant-bspline": qe,
+	ribbon: Ze,
 	powerline: {
 		build: (e, t, n) => {
 			let r = {
-				...X,
+				...et,
 				...e
-			}, i = Ye(r.leftEdge), a = Ye(r.rightEdge), o = r.depth, s = 100 / t, c = 100 / n, l = [];
+			}, 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,
@@ -1706,8 +1708,8 @@ var X = {
 				nx: 0,
 				ny: -1
 			});
-			for (let e = 1; e < Xe; e++) {
-				let n = e / Xe, r = t + a(n, o);
+			for (let e = 1; e < tt; e++) {
+				let n = e / tt, r = t + a(n, o);
 				l.push({
 					x: r * s,
 					y: n * 100,
@@ -1726,8 +1728,8 @@ var X = {
 				nx: 0,
 				ny: 1
 			});
-			for (let e = Xe - 1; e >= 1; e--) {
-				let t = e / Xe, n = 0 + i(t, o);
+			for (let e = tt - 1; e >= 1; e--) {
+				let t = e / tt, n = 0 + i(t, o);
 				l.push({
 					x: n * s,
 					y: t * 100,
@@ -1765,9 +1767,9 @@ var X = {
 				totalCss: m
 			};
 		},
-		defaults: X,
+		defaults: et,
 		insets: (e) => {
-			let t = e?.depth ?? X.depth, n = e?.leftEdge ?? X.leftEdge, r = e?.rightEdge ?? X.rightEdge, i = Ye(n), a = Ye(r), o = 0, s = 0, c = 0, l = 0;
+			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);
@@ -1793,7 +1795,7 @@ function Z(e, t, n) {
 }
 //#endregion
 //#region src/components/Badge/effects/Spikes.tsx
-var Qe = {
+var rt = {
 	count: 44,
 	length: 8,
 	baseWidth: 3,
@@ -1802,10 +1804,10 @@ var Qe = {
 	diagonalScale: .5,
 	irregularity: 0,
 	cornerCompensation: 1
-}, $e = {
+}, it = {
 	offsetAt: (e, { params: t, phase: n, totalCss: r, perimeterAt: i }) => {
 		let a = {
-			...Qe,
+			...rt,
 			...t
 		}, o = Z(e, r, a.range);
 		if (o === 0) return {
@@ -1829,15 +1831,15 @@ var Qe = {
 			dy: _ * D
 		};
 	},
-	defaults: Qe
-}, et = {
+	defaults: rt
+}, at = {
 	bumpWidth: 18,
 	puffiness: 10,
 	irregularity: 0
-}, tt = {
+}, ot = {
 	offsetAt: (e, { params: t, phase: n, totalCss: r, perimeterAt: i }) => {
 		let a = {
-			...et,
+			...at,
 			...t
 		}, o = Z(e, r, a.range);
 		if (o === 0) return {
@@ -1852,15 +1854,15 @@ var Qe = {
 			dy: m.ny * p
 		};
 	},
-	defaults: et
-}, nt = {
+	defaults: at
+}, st = {
 	biteRadius: 3,
 	biteSpacing: 8,
 	irregularity: 0
-}, rt = {
+}, ct = {
 	offsetAt: (e, { params: t, phase: n, totalCss: r, perimeterAt: i }) => {
 		let a = {
-			...nt,
+			...st,
 			...t
 		}, o = Z(e, r, a.range);
 		if (o === 0) return {
@@ -1880,15 +1882,15 @@ var Qe = {
 			dy: _.ny * g * o
 		};
 	},
-	defaults: nt
-}, it = {
+	defaults: st
+}, lt = {
 	scallopRadius: 4,
 	scallopSpacing: 10,
 	irregularity: 0
-}, at = {
+}, ut = {
 	offsetAt: (e, { params: t, phase: n, totalCss: r, perimeterAt: i }) => {
 		let a = {
-			...it,
+			...lt,
 			...t
 		}, o = Z(e, r, a.range);
 		if (o === 0) return {
@@ -1908,15 +1910,15 @@ var Qe = {
 			dy: _.ny * g
 		};
 	},
-	defaults: it
-}, ot = {
+	defaults: lt
+}, dt = {
 	bevelWidth: 6,
 	lightFrom: "tl"
 };
-function st(e, t) {
+function ft(e, t) {
 	return Math.abs(t) > Math.abs(e) ? t < 0 ? "top" : "bottom" : e < 0 ? "left" : "right";
 }
-function ct(e) {
+function pt(e) {
 	let t = e[0] === "t", n = e[1] === "l";
 	return {
 		top: t ? "badge-bevel-light" : "badge-bevel-dark",
@@ -1925,27 +1927,27 @@ function ct(e) {
 		right: n ? "badge-bevel-medium-dark" : "badge-bevel-medium-light"
 	};
 }
-var lt = 240, ut = {
-	Component: ({ sampler: r, boxW: i, boxH: o, variant: s, params: c }) => {
-		let l = a();
-		if (s !== "solid" && s !== "subtle") return null;
-		let u = {
-			...ot,
-			...c
-		}, d = 100 / i, f = 100 / o, p = ct(u.lightFrom), m = r.totalCss, h = [], g = [];
-		for (let e = 0; e < lt; e++) {
-			let t = r.perimeterAt(e / lt * m);
+var mt = 240, ht = {
+	Component: ({ sampler: e, boxW: t, boxH: n, variant: r, params: i }) => {
+		let c = u();
+		if (r !== "solid" && r !== "subtle") return null;
+		let l = {
+			...dt,
+			...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);
 			h.push({
-				x: t.x,
-				y: t.y,
-				side: st(t.nx, t.ny)
+				x: n.x,
+				y: n.y,
+				side: ft(n.nx, n.ny)
 			}), g.push({
-				x: t.x - t.nx * u.bevelWidth * d,
-				y: t.y - t.ny * u.bevelWidth * f
+				x: n.x - n.nx * l.bevelWidth * d,
+				y: n.y - n.ny * l.bevelWidth * f
 			});
 		}
 		let _ = [], v = null;
-		for (let e = 0; e < lt; e++) {
+		for (let e = 0; e < mt; e++) {
 			let t = h[e].side;
 			!v || v.side !== t ? (v = {
 				side: t,
@@ -1960,23 +1962,23 @@ var lt = 240, ut = {
 			for (let e = 1; e < r.length; e++) i += ` L ${r[e].x.toFixed(3)} ${r[e].y.toFixed(3)}`;
 			return i + " Z";
 		};
-		return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
-			id: l,
-			children: /* @__PURE__ */ t("path", { d: r.bodyPath })
-		}) }), /* @__PURE__ */ t("g", {
-			clipPath: `url(#${l})`,
-			children: _.map((e, n) => /* @__PURE__ */ t("path", {
+		return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", {
+			id: c,
+			children: /* @__PURE__ */ o("path", { d: e.bodyPath })
+		}) }), /* @__PURE__ */ o("g", {
+			clipPath: `url(#${c})`,
+			children: _.map((e, t) => /* @__PURE__ */ o("path", {
 				className: p[e.side],
 				d: y(e)
-			}, n))
+			}, t))
 		})] });
 	},
 	zone: "foreground",
-	defaults: ot
-}, dt = {
+	defaults: dt
+}, gt = {
 	lightFrom: "tl",
 	intensity: .22
-}, ft = {
+}, _t = {
 	tl: {
 		x1: "100%",
 		y1: "100%",
@@ -2001,204 +2003,204 @@ var lt = 240, ut = {
 		x2: "100%",
 		y2: "100%"
 	}
-}, pt = {
-	Component: ({ sampler: r, variant: i, params: o }) => {
-		let s = a(), c = a();
-		if (i !== "solid" && i !== "subtle") return null;
-		let l = {
-			...dt,
-			...o
-		}, u = Math.max(0, Math.min(l.intensity, 1));
-		return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("defs", { children: [/* @__PURE__ */ t("clipPath", {
-			id: c,
-			children: /* @__PURE__ */ t("path", { d: r.bodyPath })
-		}), /* @__PURE__ */ n("linearGradient", {
-			id: s,
-			...ft[l.lightFrom],
+}, vt = {
+	Component: ({ sampler: e, variant: t, params: n }) => {
+		let r = u(), i = u();
+		if (t !== "solid" && t !== "subtle") return null;
+		let c = {
+			...gt,
+			...n
+		}, l = Math.max(0, Math.min(c.intensity, 1));
+		return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("defs", { children: [/* @__PURE__ */ o("clipPath", {
+			id: i,
+			children: /* @__PURE__ */ o("path", { d: e.bodyPath })
+		}), /* @__PURE__ */ s("linearGradient", {
+			id: r,
+			..._t[c.lightFrom],
 			children: [
-				/* @__PURE__ */ t("stop", {
+				/* @__PURE__ */ o("stop", {
 					offset: "0%",
 					stopColor: "black",
-					stopOpacity: u
+					stopOpacity: l
 				}),
-				/* @__PURE__ */ t("stop", {
+				/* @__PURE__ */ o("stop", {
 					offset: "45%",
 					stopColor: "black",
 					stopOpacity: "0.04"
 				}),
-				/* @__PURE__ */ t("stop", {
+				/* @__PURE__ */ o("stop", {
 					offset: "58%",
 					stopColor: "white",
 					stopOpacity: "0.04"
 				}),
-				/* @__PURE__ */ t("stop", {
+				/* @__PURE__ */ o("stop", {
 					offset: "100%",
 					stopColor: "white",
-					stopOpacity: u
+					stopOpacity: l
 				})
 			]
-		})] }), /* @__PURE__ */ t("rect", {
-			clipPath: `url(#${c})`,
+		})] }), /* @__PURE__ */ o("rect", {
+			clipPath: `url(#${i})`,
 			x: "0",
 			y: "0",
 			width: "100",
 			height: "100",
-			fill: `url(#${s})`,
+			fill: `url(#${r})`,
 			style: { pointerEvents: "none" }
 		})] });
 	},
 	zone: "foreground",
-	defaults: dt
-}, mt = {
+	defaults: gt
+}, yt = {
 	radius: 2.4,
 	inset: 7,
 	lightFrom: "tl"
-}, ht = {
-	Component: ({ boxW: r, boxH: i, variant: a, params: o }) => {
-		if (a !== "solid" && a !== "subtle") return null;
-		let s = {
-			...mt,
-			...o
-		}, c = 100 / r, l = 100 / i, u = s.radius * c, d = s.radius * l, f = s.inset * c, p = s.inset * l, m = s.lightFrom[1] === "l" ? -s.radius * .32 : s.radius * .32, h = s.lightFrom[0] === "t" ? -s.radius * .32 : s.radius * .32;
-		return /* @__PURE__ */ t(e, { children: [
+}, bt = {
+	Component: ({ boxW: e, boxH: t, variant: n, params: r }) => {
+		if (n !== "solid" && n !== "subtle") return null;
+		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: [
 			[f, p],
 			[100 - f, p],
 			[f, 100 - p],
 			[100 - f, 100 - p]
-		].map(([e, r], i) => /* @__PURE__ */ n("g", { children: [
-			/* @__PURE__ */ t("ellipse", {
+		].map(([e, t], n) => /* @__PURE__ */ s("g", { children: [
+			/* @__PURE__ */ o("ellipse", {
 				className: "badge-bevel-dark",
 				cx: e,
-				cy: r,
+				cy: t,
 				rx: u,
 				ry: d
 			}),
-			/* @__PURE__ */ t("ellipse", {
+			/* @__PURE__ */ o("ellipse", {
 				className: "badge-bevel-medium-dark",
 				cx: e - m * .6 * c,
-				cy: r - h * .6 * l,
+				cy: t - h * .6 * l,
 				rx: u * .75,
 				ry: d * .75
 			}),
-			/* @__PURE__ */ t("ellipse", {
+			/* @__PURE__ */ o("ellipse", {
 				className: "badge-bevel-light",
 				cx: e + m * c,
-				cy: r + h * l,
+				cy: t + h * l,
 				rx: u * .45,
 				ry: d * .45
 			})
-		] }, i)) });
+		] }, n)) });
 	},
 	zone: "foreground",
-	defaults: mt
-}, gt = {
+	defaults: yt
+}, xt = {
 	dx: 1,
 	dy: 2,
 	opacity: .28
-}, _t = {
-	Component: ({ sampler: e, boxW: n, boxH: r, params: i }) => {
-		let a = {
-			...gt,
-			...i
-		}, o = 100 / n, s = 100 / r, c = a.dx * o, l = a.dy * s;
-		return /* @__PURE__ */ t("path", {
+}, St = {
+	Component: ({ sampler: e, boxW: t, boxH: n, params: r }) => {
+		let i = {
+			...xt,
+			...r
+		}, a = 100 / t, s = 100 / n, c = i.dx * a, l = i.dy * s;
+		return /* @__PURE__ */ o("path", {
 			d: e.bodyPath,
 			transform: `translate(${c.toFixed(3)} ${l.toFixed(3)})`,
-			fill: `rgba(0, 0, 0, ${Math.max(0, Math.min(a.opacity, 1))})`,
+			fill: `rgba(0, 0, 0, ${Math.max(0, Math.min(i.opacity, 1))})`,
 			stroke: "none",
 			style: { pointerEvents: "none" }
 		});
 	},
 	zone: "background",
-	defaults: gt
-}, vt = {
+	defaults: xt
+}, Ct = {
 	lines: 4,
 	knots: 2,
 	intensity: .55
 };
-function yt(e) {
+function wt(e) {
 	return Math.sin(e * 1.73 + .5);
 }
-var bt = {
-	Component: ({ sampler: r, variant: i, params: o }) => {
-		let s = a();
-		if (i !== "solid" && i !== "subtle") return null;
-		let c = {
-			...vt,
-			...o
-		}, l = [];
-		for (let e = 0; e < c.lines; e++) {
-			let t = (e + 1) / (c.lines + 1) * 100, n = yt(e * 2 + 1) * 4, r = yt(e * 2 + 2) * 4;
-			l.push(`M -5 ${t.toFixed(2)} Q 35 ${(t + n).toFixed(2)} 60 ${t.toFixed(2)} T 105 ${(t + r).toFixed(2)}`);
+var Tt = {
+	Component: ({ sampler: e, variant: t, params: n }) => {
+		let r = u();
+		if (t !== "solid" && t !== "subtle") return null;
+		let i = {
+			...Ct,
+			...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;
+			c.push(`M -5 ${t.toFixed(2)} Q 35 ${(t + n).toFixed(2)} 60 ${t.toFixed(2)} T 105 ${(t + r).toFixed(2)}`);
 		}
-		let u = [];
-		for (let e = 0; e < c.knots; e++) {
-			let t = 30 + yt(e * 3 + .7) * 30 + 20, n = 50 + yt(e * 3 + 1.3) * 30;
-			u.push([t, n]);
+		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;
+			l.push([t, n]);
 		}
-		return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
-			id: s,
-			children: /* @__PURE__ */ t("path", { d: r.bodyPath })
-		}) }), /* @__PURE__ */ n("g", {
-			clipPath: `url(#${s})`,
-			opacity: Math.max(0, Math.min(c.intensity, 1)),
+		return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", {
+			id: r,
+			children: /* @__PURE__ */ o("path", { d: e.bodyPath })
+		}) }), /* @__PURE__ */ s("g", {
+			clipPath: `url(#${r})`,
+			opacity: Math.max(0, Math.min(i.intensity, 1)),
 			style: { pointerEvents: "none" },
-			children: [l.map((e, n) => /* @__PURE__ */ t("path", {
+			children: [c.map((e, t) => /* @__PURE__ */ o("path", {
 				className: "badge-stroke",
 				d: e,
 				fill: "none"
-			}, `l${n}`)), u.map(([e, r], i) => /* @__PURE__ */ n("g", { children: [/* @__PURE__ */ t("ellipse", {
+			}, `l${t}`)), l.map(([e, t], n) => /* @__PURE__ */ s("g", { children: [/* @__PURE__ */ o("ellipse", {
 				className: "badge-stroke",
 				cx: e,
-				cy: r,
+				cy: t,
 				rx: 3,
 				ry: 2.4,
 				fill: "none"
-			}), /* @__PURE__ */ t("ellipse", {
+			}), /* @__PURE__ */ o("ellipse", {
 				className: "badge-stroke",
 				cx: e,
-				cy: r,
+				cy: t,
 				rx: 1.2,
 				ry: 1,
 				fill: "none"
-			})] }, `k${i}`))]
+			})] }, `k${n}`))]
 		})] });
 	},
 	zone: "foreground",
-	defaults: vt
-}, xt = {
+	defaults: Ct
+}, Et = {
 	holeRadius: 3,
 	holeSpacing: 11
-}, St = {
-	Component: ({ sampler: n, boxW: r, boxH: i, params: a }) => {
-		let o = {
-			...xt,
-			...a
-		}, s = 100 / r, c = 100 / i, l = n.totalCss, u = Math.max(2, Math.round(l / Math.max(2 * o.holeRadius, o.holeSpacing))), d = l / u, f = [];
-		for (let e = 0; e < u; e++) {
-			let t = (e + .5) * d;
-			if (Z(t, l, a?.range) === 0) continue;
-			let r = n.perimeterAt(t);
+}, Dt = {
+	Component: ({ sampler: e, boxW: t, boxH: n, params: r }) => {
+		let i = {
+			...Et,
+			...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;
+			let i = e.perimeterAt(n);
 			f.push({
-				cx: r.x,
-				cy: r.y
+				cx: i.x,
+				cy: i.y
 			});
 		}
-		let p = o.holeRadius * s, m = o.holeRadius * c;
-		return /* @__PURE__ */ t(e, { children: f.map((e, n) => /* @__PURE__ */ t("ellipse", {
+		let p = i.holeRadius * s, m = i.holeRadius * c;
+		return /* @__PURE__ */ o(a, { children: f.map((e, t) => /* @__PURE__ */ o("ellipse", {
 			cx: e.cx,
 			cy: e.cy,
 			rx: p,
 			ry: m,
 			fill: "black"
-		}, n)) });
+		}, t)) });
 	},
 	zone: "mask",
-	defaults: xt
-}, Ct = {
+	defaults: Et
+}, Ot = {
 	bevelWidth: 6,
 	lightFrom: 315
-}, Q = 240, wt = [
+}, Q = 240, kt = [
 	"badge-bevel-light",
 	"badge-bevel-medium-light",
 	"badge-bevel-medium-light",
@@ -2206,30 +2208,30 @@ var bt = {
 	"badge-bevel-medium-dark",
 	"badge-bevel-dark"
 ];
-function Tt(e) {
+function At(e) {
 	let t = e * Math.PI / 180;
 	return {
 		lx: Math.sin(t),
 		ly: -Math.cos(t)
 	};
 }
-var Et = {
-	Component: ({ sampler: r, boxW: i, boxH: o, variant: s, params: c }) => {
-		let l = a();
-		if (s !== "solid" && s !== "subtle") return null;
-		let u = {
-			...Ct,
-			...c
-		}, d = 100 / i, f = 100 / o, p = r.totalCss, { lx: m, ly: h } = Tt(u.lightFrom), g = [], _ = [];
-		for (let e = 0; e < Q; e++) {
-			let t = r.perimeterAt(e / Q * p), n = -(t.nx * m + t.ny * h), i = Math.max(0, Math.min((n + 1) / 2, .9999)), a = Math.floor(i * wt.length);
+var jt = {
+	Component: ({ sampler: e, boxW: t, boxH: n, variant: r, params: i }) => {
+		let c = u();
+		if (r !== "solid" && r !== "subtle") return null;
+		let l = {
+			...Ot,
+			...i
+		}, d = 100 / t, f = 100 / n, p = e.totalCss, { lx: m, ly: h } = At(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);
 			g.push({
-				x: t.x,
-				y: t.y,
+				x: n.x,
+				y: n.y,
 				bucket: a
 			}), _.push({
-				x: t.x - t.nx * u.bevelWidth * d,
-				y: t.y - t.ny * u.bevelWidth * f
+				x: n.x - n.nx * l.bevelWidth * d,
+				y: n.y - n.ny * l.bevelWidth * f
 			});
 		}
 		let v = [], y = null;
@@ -2250,45 +2252,45 @@ var Et = {
 			for (let e = 1; e < c.length; e++) l += ` L ${c[e].x.toFixed(3)} ${c[e].y.toFixed(3)}`;
 			return l + " Z";
 		};
-		return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
-			id: l,
-			children: /* @__PURE__ */ t("path", { d: r.bodyPath })
-		}) }), /* @__PURE__ */ t("g", {
-			clipPath: `url(#${l})`,
-			children: v.map((e, n) => /* @__PURE__ */ t("path", {
-				className: wt[e.bucket],
+		return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", {
+			id: c,
+			children: /* @__PURE__ */ o("path", { d: e.bodyPath })
+		}) }), /* @__PURE__ */ o("g", {
+			clipPath: `url(#${c})`,
+			children: v.map((e, t) => /* @__PURE__ */ o("path", {
+				className: kt[e.bucket],
 				d: b(e)
-			}, n))
+			}, t))
 		})] });
 	},
 	zone: "foreground",
-	defaults: Ct
-}, Dt = {
+	defaults: Ot
+}, Mt = {
 	width: 1,
 	color: "var(--badge-edge)",
 	dash: "",
 	blendMode: "normal",
 	opacity: 1
-}, Ot = {
-	Component: ({ sampler: e, boxW: n, boxH: r, params: i }) => {
-		let a = {
-			...Dt,
-			...i
-		}, o = 100 / n, s = 100 / r, c = a.width * Math.max(o, s);
-		return /* @__PURE__ */ t("path", {
+}, Nt = {
+	Component: ({ sampler: e, boxW: t, boxH: n, params: r }) => {
+		let i = {
+			...Mt,
+			...r
+		}, a = 100 / t, s = 100 / n, c = i.width * Math.max(a, s);
+		return /* @__PURE__ */ o("path", {
 			d: e.bodyPath,
 			fill: "none",
-			stroke: a.color,
+			stroke: i.color,
 			strokeWidth: c,
-			strokeDasharray: a.dash || void 0,
-			strokeOpacity: a.opacity,
+			strokeDasharray: i.dash || void 0,
+			strokeOpacity: i.opacity,
 			vectorEffect: "non-scaling-stroke",
-			style: { mixBlendMode: a.blendMode }
+			style: { mixBlendMode: i.blendMode }
 		});
 	},
 	zone: "foreground",
-	defaults: Dt
-}, kt = {
+	defaults: Mt
+}, Pt = {
 	count: 3,
 	width: 18,
 	gap: 8,
@@ -2300,25 +2302,25 @@ var Et = {
 	gradientAngle: 90,
 	gradientStart: 0,
 	gradientEnd: 1
-}, At = {
-	Component: ({ sampler: r, boxW: i, boxH: o, params: s }) => {
-		let c = {
-			...kt,
-			...s
-		}, l = a(), u = a(), d = a(), f = 100 / i, p = 100 / o, m = Math.max(0, Math.min(c.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 = c.width * f, y = c.gap * f, b = c.offset * f, x = 50 - (c.count * v + (c.count - 1) * y) / 2 + b, S = [];
-		for (let e = 0; e < c.count; e++) {
-			let t = v * h(e), n = x, r = x + t, i = Math.tan((c.angle + _(e)) * Math.PI / 180) * (f / p) * 200 / 2, a = [
-				[n + i, -50],
-				[r + i, -50],
-				[r - i, 150],
-				[n - i, 150]
+}, Ft = {
+	Component: ({ sampler: e, boxW: t, boxH: n, params: r }) => {
+		let i = {
+			...Pt,
+			...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++) {
+			let t = v * h(e), n = x, r = x + t, a = Math.tan((i.angle + _(e)) * Math.PI / 180) * (f / p) * 200 / 2, o = [
+				[n + a, -50],
+				[r + a, -50],
+				[r - a, 150],
+				[n - a, 150]
 			];
 			S.push({
-				points: a.map(([e, t]) => `${e.toFixed(3)},${t.toFixed(3)}`).join(" "),
-				opacity: Math.max(0, Math.min(c.opacity * g(e), 1))
+				points: o.map(([e, t]) => `${e.toFixed(3)},${t.toFixed(3)}`).join(" "),
+				opacity: Math.max(0, Math.min(i.opacity * g(e), 1))
 			}), x += v + y;
 		}
-		let C = c.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(c.gradientStart, 1)), j = Math.max(0, Math.min(c.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, 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 ? [
 			{
 				offset: 0,
 				color: "#fff"
@@ -2353,31 +2355,31 @@ var Et = {
 				color: "#fff"
 			}
 		];
-		return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("defs", { children: [
-			/* @__PURE__ */ t("clipPath", {
-				id: l,
-				children: /* @__PURE__ */ t("path", { d: r.bodyPath })
+		return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("defs", { children: [
+			/* @__PURE__ */ o("clipPath", {
+				id: c,
+				children: /* @__PURE__ */ o("path", { d: e.bodyPath })
 			}),
-			/* @__PURE__ */ t("linearGradient", {
+			/* @__PURE__ */ o("linearGradient", {
 				id: d,
 				x1: E,
 				y1: D,
 				x2: O,
 				y2: k,
 				gradientUnits: "userSpaceOnUse",
-				children: M.map((e, n) => /* @__PURE__ */ t("stop", {
+				children: M.map((e, t) => /* @__PURE__ */ o("stop", {
 					offset: e.offset,
 					stopColor: e.color
-				}, n))
+				}, t))
 			}),
-			/* @__PURE__ */ t("mask", {
-				id: u,
+			/* @__PURE__ */ o("mask", {
+				id: l,
 				maskUnits: "userSpaceOnUse",
 				x: "0",
 				y: "0",
 				width: "100",
 				height: "100",
-				children: /* @__PURE__ */ t("rect", {
+				children: /* @__PURE__ */ o("rect", {
 					x: "0",
 					y: "0",
 					width: "100",
@@ -2385,19 +2387,19 @@ var Et = {
 					fill: `url(#${d})`
 				})
 			})
-		] }), /* @__PURE__ */ t("g", {
-			clipPath: `url(#${l})`,
-			mask: `url(#${u})`,
-			children: S.map((e, n) => /* @__PURE__ */ t("polygon", {
+		] }), /* @__PURE__ */ o("g", {
+			clipPath: `url(#${c})`,
+			mask: `url(#${l})`,
+			children: S.map((e, t) => /* @__PURE__ */ o("polygon", {
 				points: e.points,
-				fill: c.color,
+				fill: i.color,
 				opacity: e.opacity
-			}, n))
+			}, t))
 		})] });
 	},
 	zone: "foreground",
-	defaults: kt
-}, jt = {
+	defaults: Pt
+}, It = {
 	accent: "var(--badge-edge)",
 	topAlpha: .45,
 	upperAlpha: .7,
@@ -2412,24 +2414,24 @@ var Et = {
 	bezelWidth: 1,
 	rimAlpha: .22,
 	rimWidth: 1
-}, Mt = 240, Nt = {
-	Component: ({ sampler: r, boxW: i, boxH: o, variant: s, params: c }) => {
-		let l = a(), u = a(), d = a();
-		if (s !== "solid" && s !== "subtle" && s !== "outline") return null;
+}, Lt = 240, Rt = {
+	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 = {
-			...jt,
-			...c
-		}, p = r.totalCss, m = [], h = null;
-		for (let e = 0; e < Mt; e++) {
-			let t = e / Mt * p, n = r.perimeterAt(t);
-			n.ny < 0 ? (h || (h = [], m.push(h)), h.push({
-				x: n.x,
-				y: n.y
+			...It,
+			...i
+		}, p = e.totalCss, m = [], h = null;
+		for (let t = 0; t < Lt; t++) {
+			let n = t / Lt * 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 e = r.perimeterAt(0), t = r.perimeterAt((Mt - 1) / Mt * p);
-			if (e.ny < 0 && t.ny < 0) {
+			let t = e.perimeterAt(0), n = e.perimeterAt((Lt - 1) / Lt * p);
+			if (t.ny < 0 && n.ny < 0) {
 				let e = m.shift();
 				m[m.length - 1].push(...e);
 			}
@@ -2441,45 +2443,45 @@ var Et = {
 			for (let n = 1; n < e.length; n++) t += ` L ${e[n].x.toFixed(3)} ${e[n].y.toFixed(3)}`;
 			g.push(t);
 		}
-		let _ = 100 / i, v = 100 / o, y = Math.max(_, v), b = f.bezelWidth * y, x = f.rimWidth * y, S = Math.max(0, f.equator - f.equatorSpread), C = Math.min(100, f.equator + f.equatorSpread * 1.6), w = `color-mix(in srgb, ${f.accent} ${f.equatorTint}%, white)`, T = `color-mix(in srgb, ${f.accent} ${f.baseTint}%, black)`;
-		return /* @__PURE__ */ n(e, { children: [
-			/* @__PURE__ */ n("defs", { children: [
-				/* @__PURE__ */ n("linearGradient", {
-					id: l,
+		let _ = 100 / t, v = 100 / n, y = Math.max(_, v), b = f.bezelWidth * y, x = f.rimWidth * y, S = Math.max(0, f.equator - f.equatorSpread), C = Math.min(100, f.equator + f.equatorSpread * 1.6), w = `color-mix(in srgb, ${f.accent} ${f.equatorTint}%, white)`, T = `color-mix(in srgb, ${f.accent} ${f.baseTint}%, black)`;
+		return /* @__PURE__ */ s(a, { children: [
+			/* @__PURE__ */ s("defs", { children: [
+				/* @__PURE__ */ s("linearGradient", {
+					id: c,
 					x1: "0%",
 					y1: "0%",
 					x2: "0%",
 					y2: "100%",
 					children: [
-						/* @__PURE__ */ t("stop", {
+						/* @__PURE__ */ o("stop", {
 							offset: "0%",
 							style: {
 								stopColor: f.accent,
 								stopOpacity: f.topAlpha
 							}
 						}),
-						/* @__PURE__ */ t("stop", {
+						/* @__PURE__ */ o("stop", {
 							offset: `${S}%`,
 							style: {
 								stopColor: f.accent,
 								stopOpacity: f.upperAlpha
 							}
 						}),
-						/* @__PURE__ */ t("stop", {
+						/* @__PURE__ */ o("stop", {
 							offset: `${f.equator}%`,
 							style: {
 								stopColor: w,
 								stopOpacity: 1
 							}
 						}),
-						/* @__PURE__ */ t("stop", {
+						/* @__PURE__ */ o("stop", {
 							offset: `${C}%`,
 							style: {
 								stopColor: f.accent,
 								stopOpacity: 1
 							}
 						}),
-						/* @__PURE__ */ t("stop", {
+						/* @__PURE__ */ o("stop", {
 							offset: "100%",
 							style: {
 								stopColor: T,
@@ -2488,28 +2490,28 @@ var Et = {
 						})
 					]
 				}),
-				/* @__PURE__ */ n("linearGradient", {
-					id: u,
+				/* @__PURE__ */ s("linearGradient", {
+					id: l,
 					x1: "0%",
 					y1: "0%",
 					x2: "0%",
 					y2: `${f.glossExtent}%`,
 					children: [
-						/* @__PURE__ */ t("stop", {
+						/* @__PURE__ */ o("stop", {
 							offset: "0%",
 							style: {
 								stopColor: "white",
 								stopOpacity: f.glossTopAlpha
 							}
 						}),
-						/* @__PURE__ */ t("stop", {
+						/* @__PURE__ */ o("stop", {
 							offset: "60%",
 							style: {
 								stopColor: "white",
 								stopOpacity: f.glossMidAlpha
 							}
 						}),
-						/* @__PURE__ */ t("stop", {
+						/* @__PURE__ */ o("stop", {
 							offset: "100%",
 							style: {
 								stopColor: "white",
@@ -2518,26 +2520,26 @@ var Et = {
 						})
 					]
 				}),
-				/* @__PURE__ */ t("clipPath", {
+				/* @__PURE__ */ o("clipPath", {
 					id: d,
-					children: /* @__PURE__ */ t("path", { d: r.bodyPath })
+					children: /* @__PURE__ */ o("path", { d: e.bodyPath })
 				})
 			] }),
-			/* @__PURE__ */ t("path", {
-				d: r.bodyPath,
-				fill: `url(#${l})`,
+			/* @__PURE__ */ o("path", {
+				d: e.bodyPath,
+				fill: `url(#${c})`,
 				style: { pointerEvents: "none" }
 			}),
-			/* @__PURE__ */ t("rect", {
+			/* @__PURE__ */ o("rect", {
 				x: "0",
 				y: "0",
 				width: "100",
 				height: f.glossExtent,
-				fill: `url(#${u})`,
+				fill: `url(#${l})`,
 				clipPath: `url(#${d})`,
 				style: { pointerEvents: "none" }
 			}),
-			g.map((e, n) => /* @__PURE__ */ t("path", {
+			g.map((e, t) => /* @__PURE__ */ o("path", {
 				d: e,
 				fill: "none",
 				stroke: "white",
@@ -2546,9 +2548,9 @@ var Et = {
 				strokeLinecap: "round",
 				vectorEffect: "non-scaling-stroke",
 				style: { pointerEvents: "none" }
-			}, `bz-${n}`)),
-			/* @__PURE__ */ t("path", {
-				d: r.bodyPath,
+			}, `bz-${t}`)),
+			/* @__PURE__ */ o("path", {
+				d: e.bodyPath,
 				fill: "none",
 				stroke: "black",
 				strokeOpacity: f.rimAlpha,
@@ -2559,8 +2561,8 @@ var Et = {
 		] });
 	},
 	zone: "foreground",
-	defaults: jt
-}, Pt = {
+	defaults: It
+}, zt = {
 	accent: "#aab3bd",
 	specularity: .6,
 	equator: 50,
@@ -2573,39 +2575,39 @@ var Et = {
 	bezelWidth: 1,
 	rimAlpha: .35,
 	rimWidth: 1
-}, Ft = 240, $ = {
-	spikes: $e,
-	puffs: tt,
-	bites: rt,
-	scallops: at,
-	bevel: ut,
-	bevel2: Et,
-	sheen: pt,
-	rivets: ht,
-	shadow: _t,
-	woodgrain: bt,
-	perforations: St,
-	outline: Ot,
-	sunbeams: At,
-	aqua: Nt,
+}, 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,
 	metal: {
-		Component: ({ sampler: r, boxW: i, boxH: o, variant: s, params: c }) => {
-			let l = a(), u = a(), d = a();
-			if (s !== "solid" && s !== "subtle" && s !== "outline") return null;
+		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 = {
-				...Pt,
-				...c
-			}, p = Math.max(0, Math.min(f.specularity, 1)), m = r.totalCss, h = [], g = null;
-			for (let e = 0; e < Ft; e++) {
-				let t = e / Ft * m, n = r.perimeterAt(t);
-				n.ny < 0 ? (g || (g = [], h.push(g)), g.push({
-					x: n.x,
-					y: n.y
+				...zt,
+				...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);
+				r.ny < 0 ? (g || (g = [], h.push(g)), g.push({
+					x: r.x,
+					y: r.y
 				})) : g = null;
 			}
 			if (h.length > 1) {
-				let e = r.perimeterAt(0), t = r.perimeterAt((Ft - 1) / Ft * m);
-				if (e.ny < 0 && t.ny < 0) {
+				let t = e.perimeterAt(0), n = e.perimeterAt((Bt - 1) / Bt * m);
+				if (t.ny < 0 && n.ny < 0) {
 					let e = h.shift();
 					h[h.length - 1].push(...e);
 				}
@@ -2617,51 +2619,51 @@ var Et = {
 				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 / i, y = 100 / o, 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);
-			return /* @__PURE__ */ n(e, { children: [
-				/* @__PURE__ */ n("defs", { children: [
-					/* @__PURE__ */ n("linearGradient", {
-						id: l,
+			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);
+			return /* @__PURE__ */ s(a, { children: [
+				/* @__PURE__ */ s("defs", { children: [
+					/* @__PURE__ */ s("linearGradient", {
+						id: c,
 						x1: "0%",
 						y1: "0%",
 						x2: "0%",
 						y2: "100%",
 						children: [
-							/* @__PURE__ */ t("stop", {
+							/* @__PURE__ */ o("stop", {
 								offset: "0%",
 								style: { stopColor: D }
 							}),
-							/* @__PURE__ */ t("stop", {
+							/* @__PURE__ */ o("stop", {
 								offset: `${C}%`,
 								style: { stopColor: j }
 							}),
-							/* @__PURE__ */ t("stop", {
+							/* @__PURE__ */ o("stop", {
 								offset: `${f.equator}%`,
 								style: { stopColor: E }
 							}),
-							/* @__PURE__ */ t("stop", {
+							/* @__PURE__ */ o("stop", {
 								offset: `${w}%`,
 								style: { stopColor: M }
 							}),
-							/* @__PURE__ */ t("stop", {
+							/* @__PURE__ */ o("stop", {
 								offset: "100%",
 								style: { stopColor: O }
 							})
 						]
 					}),
-					/* @__PURE__ */ n("linearGradient", {
-						id: u,
+					/* @__PURE__ */ s("linearGradient", {
+						id: l,
 						x1: "0%",
 						y1: "0%",
 						x2: "0%",
 						y2: `${f.glossExtent}%`,
-						children: [/* @__PURE__ */ t("stop", {
+						children: [/* @__PURE__ */ o("stop", {
 							offset: "0%",
 							style: {
 								stopColor: "white",
 								stopOpacity: N
 							}
-						}), /* @__PURE__ */ t("stop", {
+						}), /* @__PURE__ */ o("stop", {
 							offset: "100%",
 							style: {
 								stopColor: "white",
@@ -2669,26 +2671,26 @@ var Et = {
 							}
 						})]
 					}),
-					/* @__PURE__ */ t("clipPath", {
+					/* @__PURE__ */ o("clipPath", {
 						id: d,
-						children: /* @__PURE__ */ t("path", { d: r.bodyPath })
+						children: /* @__PURE__ */ o("path", { d: e.bodyPath })
 					})
 				] }),
-				/* @__PURE__ */ t("path", {
-					d: r.bodyPath,
-					fill: `url(#${l})`,
+				/* @__PURE__ */ o("path", {
+					d: e.bodyPath,
+					fill: `url(#${c})`,
 					style: { pointerEvents: "none" }
 				}),
-				N > 0 && /* @__PURE__ */ t("rect", {
+				N > 0 && /* @__PURE__ */ o("rect", {
 					x: "0",
 					y: "0",
 					width: "100",
 					height: f.glossExtent,
-					fill: `url(#${u})`,
+					fill: `url(#${l})`,
 					clipPath: `url(#${d})`,
 					style: { pointerEvents: "none" }
 				}),
-				_.map((e, n) => /* @__PURE__ */ t("path", {
+				_.map((e, t) => /* @__PURE__ */ o("path", {
 					d: e,
 					fill: "none",
 					stroke: "white",
@@ -2697,9 +2699,9 @@ var Et = {
 					strokeLinecap: "round",
 					vectorEffect: "non-scaling-stroke",
 					style: { pointerEvents: "none" }
-				}, `bz-${n}`)),
-				/* @__PURE__ */ t("path", {
-					d: r.bodyPath,
+				}, `bz-${t}`)),
+				/* @__PURE__ */ o("path", {
+					d: e.bodyPath,
 					fill: "none",
 					stroke: "black",
 					strokeOpacity: ee,
@@ -2710,64 +2712,76 @@ var Et = {
 			] });
 		},
 		zone: "foreground",
-		defaults: Pt
+		defaults: zt
 	}
 };
 //#endregion
 //#region src/components/Badge/Badge.tsx
-function It(e) {
+function Vt(e) {
 	return e.as ? e.as : e.href ? "a" : e.onClick ? "button" : "span";
 }
-function Lt(o) {
-	let { shape: u = "pill", tone: d = "neutral", variant: f = "outline", size: p = "sm", onClick: m, onRemove: h, removeLabel: g, href: v, children: y, className: b, shapeParams: x, bloat: S, padding: C, style: w, breakStyle: T, crawl: E, base: D, baseParams: O, effects: k } = o, A = o["aria-label"], j = It(o), [M, N] = c(!1), [P, ee] = c(0), F = me[u] ?? me.pill, te = me[u] ? u : "pill", ne = F.Component, I = {
-		...F.defaults ?? {},
-		...x ?? {}
-	}, L = s(null), R = r((e) => {
-		let t = typeof E == "number" ? E : .2, n = L.current;
-		L.current = e, n !== null && ee((r) => (r + t * (e - n) / 1e3) % 1), R.request();
+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 ?? {},
+		...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();
 	}, { onResume: () => {
 		L.current = null;
 	} });
-	i(() => {
-		if (!E) {
-			ee(0);
+	l(() => {
+		if (!N) {
+			pe(0);
 			return;
 		}
 		return L.current = null, R.request(), () => R.cancel();
-	}, [E, R]);
-	let re = [l.badge, b].filter(Boolean).join(" "), z = !D && F.compose ? F.compose(I) : null, ie = D ?? z?.base, B = ie ? Ze[ie] : null, ae = D ? O : z?.baseParams, oe = D ? k : z?.effects ?? k, se = B ? {
-		...B.defaults ?? {},
-		...ae ?? {}
-	} : null, ce = s(null), V = _(ce, B), H = B ? B.build(se, V.w, V.h) : null, U = B ? (typeof B.insets == "function" ? B.insets(se) : B.insets) ?? {
+	}, [N, R]);
+	let _e = [m.badge, D].filter(Boolean).join(" "), z = 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) ?? {
 		top: 0,
 		right: 0,
 		bottom: 0,
 		left: 0
-	} : typeof F.insets == "function" ? F.insets(I) : F.insets, le = {
-		className: re,
-		style: {
-			"--badge-inset-top": `${U.top}px`,
-			"--badge-inset-right": `${U.right}px`,
-			"--badge-inset-bottom": `${U.bottom}px`,
-			"--badge-inset-left": `${U.left}px`,
-			...C !== void 0 && { padding: typeof C == "number" ? `${C}px` : C },
-			...T !== void 0 && {
-				boxDecorationBreak: T,
-				WebkitBoxDecorationBreak: T
-			},
-			...w
+	} : 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`,
+		...A !== void 0 && { padding: typeof A == "number" ? `${A}px` : A },
+		...M !== void 0 && {
+			boxDecorationBreak: M,
+			WebkitBoxDecorationBreak: M
 		},
-		"data-shape": B ? "compose" : te,
-		"data-tone": d,
-		"data-variant": f,
-		"data-size": p,
-		"data-focused": M ? "true" : void 0,
-		onFocus: () => N(!0),
-		onBlur: () => N(!1),
-		"aria-label": A
-	}, W = (() => {
-		if (!B || !H) return null;
-		let e = (oe ?? []).map((e) => {
+		...j
+	}, we = {
+		...oe,
+		...ce && oe.role === void 0 && { role: "img" },
+		className: _e,
+		style: Ce,
+		"data-shape": V ? "compose" : me,
+		"data-status": g,
+		"data-stance": z["data-stance"],
+		"data-tone": z["data-tone"],
+		"data-variant": y,
+		"data-size": b,
+		"data-focused": ue ? "true" : void 0,
+		onFocus: (e) => {
+			de(!0), ie?.(e);
+		},
+		onBlur: (e) => {
+			de(!1), ae?.(e);
+		},
+		"aria-label": le
+	}, K = (() => {
+		if (!V || !W) return null;
+		let e = (be ?? []).map((e) => {
 			let t = $[e.type];
 			if (!t?.offsetAt) return null;
 			let n = {
@@ -2778,16 +2792,16 @@ function Lt(o) {
 				offsetAt: t.offsetAt,
 				params: n
 			};
-		}).filter(Boolean), t = S ?? 0;
-		if (e.length === 0 && t === 0) return H;
-		let n = 100 / V.w, r = 100 / V.h, i = H.totalCss, a = (a) => {
-			let o = (a % i + i) % i, s = H.perimeterAt(o), c = s.nx * t, l = s.ny * t;
+		}).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;
 			for (let t of e) {
 				let e = t.offsetAt(o, {
 					params: t.params,
-					phase: P,
+					phase: fe,
 					totalCss: i,
-					perimeterAt: H.perimeterAt
+					perimeterAt: W.perimeterAt
 				});
 				c += e.dx, l += e.dy;
 			}
@@ -2813,83 +2827,83 @@ function Lt(o) {
 			},
 			totalCss: i
 		};
-	})(), ue = (oe ?? []).filter((e) => $[e.type]?.Component), de = ue.filter((e) => ($[e.type].zone ?? "foreground") === "background"), fe = ue.filter((e) => ($[e.type].zone ?? "foreground") === "foreground"), G = ue.filter((e) => $[e.type].zone === "mask"), pe = `badge-mask-${a().replace(/:/g, "")}`, K = (e, n) => {
-		let r = $[e.type], i = r?.Component;
-		if (!i || !W) return null;
-		let a = {
-			...r.defaults ?? {},
+	})(), 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) => {
+		let n = $[e.type], r = n?.Component;
+		if (!r || !K) return null;
+		let i = {
+			...n.defaults ?? {},
 			...e.params ?? {}
 		};
-		return /* @__PURE__ */ t(i, {
-			sampler: W,
-			boxW: V.w,
-			boxH: V.h,
-			variant: f,
-			params: a,
-			phase: P
-		}, `${e.type}-${n}`);
-	}, q = /* @__PURE__ */ n(e, { children: [B && W ? /* @__PURE__ */ n("svg", {
-		ref: ce,
-		className: l.deco,
+		return /* @__PURE__ */ o(r, {
+			sampler: K,
+			boxW: U.w,
+			boxH: U.h,
+			variant: y,
+			params: i,
+			phase: fe
+		}, `${e.type}-${t}`);
+	}, X = /* @__PURE__ */ s(a, { children: [V && K ? /* @__PURE__ */ s("svg", {
+		ref: xe,
+		className: m.deco,
 		viewBox: "0 0 100 100",
 		preserveAspectRatio: "none",
 		"aria-hidden": "true",
 		children: [
-			G.length > 0 && /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n("mask", {
-				id: pe,
+			J.length > 0 && /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ s("mask", {
+				id: Y,
 				maskUnits: "userSpaceOnUse",
 				x: "-10",
 				y: "-10",
 				width: "120",
 				height: "120",
-				children: [/* @__PURE__ */ t("rect", {
+				children: [/* @__PURE__ */ o("rect", {
 					x: "-10",
 					y: "-10",
 					width: "120",
 					height: "120",
 					fill: "white"
-				}), G.map(K)]
+				}), J.map(De)]
 			}) }),
-			de.map(K),
-			/* @__PURE__ */ n("g", {
-				...G.length > 0 ? { mask: `url(#${pe})` } : {},
-				children: [(f === "solid" || f === "subtle") && /* @__PURE__ */ t("path", {
+			Te.map(De),
+			/* @__PURE__ */ s("g", {
+				...J.length > 0 ? { mask: `url(#${Y})` } : {},
+				children: [(y === "solid" || y === "subtle") && /* @__PURE__ */ o("path", {
 					className: "badge-fill",
-					d: W.bodyPath
-				}), (f === "outline" || f === "solid") && /* @__PURE__ */ t("path", {
+					d: K.bodyPath
+				}), (y === "outline" || y === "solid") && /* @__PURE__ */ o("path", {
 					className: "badge-stroke",
-					d: W.bodyPath
+					d: K.bodyPath
 				})]
 			}),
-			fe.map(K)
+			Ee.map(De)
 		]
-	}) : F.renderMode !== "css" && ne ? /* @__PURE__ */ t("svg", {
-		className: l.deco,
+	}) : I.renderMode !== "css" && he ? /* @__PURE__ */ o("svg", {
+		className: m.deco,
 		viewBox: "0 0 100 100",
-		preserveAspectRatio: F.stretches === !1 ? "xMidYMid meet" : "none",
+		preserveAspectRatio: I.stretches === !1 ? "xMidYMid meet" : "none",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ t(ne, {
-			variant: f,
-			focused: M,
-			params: I,
-			phase: P
+		children: /* @__PURE__ */ o(he, {
+			variant: y,
+			focused: ue,
+			params: ge,
+			phase: fe
 		})
-	}) : null, /* @__PURE__ */ n("span", {
-		className: l.content,
-		children: [/* @__PURE__ */ t("span", { children: y }), h && /* @__PURE__ */ t("button", {
+	}) : null, /* @__PURE__ */ s("span", {
+		className: m.content,
+		children: [/* @__PURE__ */ o("span", { children: E }), C && /* @__PURE__ */ o("button", {
 			type: "button",
-			className: l.remove,
-			"aria-label": g ?? "Remove",
+			className: m.remove,
+			"aria-label": w ?? "Remove",
 			onClick: (e) => {
-				e.stopPropagation(), h();
+				e.stopPropagation(), C();
 			},
-			children: /* @__PURE__ */ t("svg", {
+			children: /* @__PURE__ */ o("svg", {
 				viewBox: "0 0 10 10",
 				width: "10",
 				height: "10",
 				"aria-hidden": "true",
 				focusable: "false",
-				children: /* @__PURE__ */ t("path", {
+				children: /* @__PURE__ */ o("path", {
 					d: "M 2 2 L 8 8 M 8 2 L 2 8",
 					stroke: "currentColor",
 					strokeWidth: "1.6",
@@ -2898,23 +2912,26 @@ function Lt(o) {
 				})
 			})
 		})]
-	})] });
-	return j === "button" ? /* @__PURE__ */ t("button", {
+	})] }), Oe;
+	return Oe = se === "button" ? /* @__PURE__ */ o("button", {
 		type: "button",
-		...le,
-		onClick: m,
-		children: q
-	}) : j === "a" ? /* @__PURE__ */ t("a", {
-		href: v,
-		...le,
-		onClick: m,
-		children: q
-	}) : /* @__PURE__ */ t("span", {
-		...le,
-		children: q
-	});
-}
+		...we,
+		ref: d,
+		onClick: x,
+		children: X
+	}) : se === "a" ? /* @__PURE__ */ o("a", {
+		href: T,
+		...we,
+		ref: d,
+		onClick: x,
+		children: X
+	}) : /* @__PURE__ */ o("span", {
+		...we,
+		ref: d,
+		children: X
+	}), F == null ? Oe : /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, { children: Oe }), /* @__PURE__ */ o(e, { children: F })] });
+});
 //#endregion
-export { Je as n, Lt as t };
+export { Qe as n, Ht as t };
 
-//# sourceMappingURL=Badge-Bf8Rd1R6.js.map
+//# sourceMappingURL=Badge-DZ0lFs14.js.map