@weasel-js/ui 1.1.0 → 1.2.0

package/dist/chunks/{Badge-DZQqAV4d.js → Badge-dQzbkk-C.js}

@@ -1937,11 +1937,12 @@ function ot(e) {
 }
 var st = 240, ct = {
 	Component: ({ sampler: e, boxW: n, boxH: r, variant: i, params: c }) => {
+		let l = t();
 		if (i !== "solid" && i !== "subtle") return null;
-		let l = {
+		let u = {
 			...it,
 			...c
-		}, u = t(), d = 100 / n, f = 100 / r, p = ot(l.lightFrom), m = e.totalCss, h = [], g = [];
+		}, d = 100 / n, f = 100 / r, p = ot(u.lightFrom), m = e.totalCss, h = [], g = [];
 		for (let t = 0; t < st; t++) {
 			let n = e.perimeterAt(t / st * m);
 			h.push({
@@ -1949,8 +1950,8 @@ var st = 240, ct = {
 				y: n.y,
 				side: at(n.nx, n.ny)
 			}), g.push({
-				x: n.x - n.nx * l.bevelWidth * d,
-				y: n.y - n.ny * l.bevelWidth * f
+				x: n.x - n.nx * u.bevelWidth * d,
+				y: n.y - n.ny * u.bevelWidth * f
 			});
 		}
 		let _ = [], v = null;
@@ -1970,10 +1971,10 @@ var st = 240, ct = {
 			return i + " Z";
 		};
 		return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", {
-			id: u,
+			id: l,
 			children: /* @__PURE__ */ o("path", { d: e.bodyPath })
 		}) }), /* @__PURE__ */ o("g", {
-			clipPath: `url(#${u})`,
+			clipPath: `url(#${l})`,
 			children: _.map((e, t) => /* @__PURE__ */ o("path", {
 				className: p[e.side],
 				d: y(e)
@@ -2012,17 +2013,18 @@ var st = 240, ct = {
 	}
 }, dt = {
 	Component: ({ sampler: e, variant: n, params: r }) => {
+		let i = t(), c = t();
 		if (n !== "solid" && n !== "subtle") return null;
-		let i = {
+		let l = {
 			...lt,
 			...r
-		}, c = t(), l = t(), u = Math.max(0, Math.min(i.intensity, 1));
+		}, u = Math.max(0, Math.min(l.intensity, 1));
 		return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("defs", { children: [/* @__PURE__ */ o("clipPath", {
-			id: l,
+			id: c,
 			children: /* @__PURE__ */ o("path", { d: e.bodyPath })
 		}), /* @__PURE__ */ s("linearGradient", {
-			id: c,
-			...ut[i.lightFrom],
+			id: i,
+			...ut[l.lightFrom],
 			children: [
 				/* @__PURE__ */ o("stop", {
 					offset: "0%",
@@ -2046,12 +2048,12 @@ var st = 240, ct = {
 				})
 			]
 		})] }), /* @__PURE__ */ o("rect", {
-			clipPath: `url(#${l})`,
+			clipPath: `url(#${c})`,
 			x: "0",
 			y: "0",
 			width: "100",
 			height: "100",
-			fill: `url(#${c})`,
+			fill: `url(#${i})`,
 			style: { pointerEvents: "none" }
 		})] });
 	},
@@ -2129,26 +2131,27 @@ function _t(e) {
 }
 var vt = {
 	Component: ({ sampler: e, variant: n, params: r }) => {
+		let i = t();
 		if (n !== "solid" && n !== "subtle") return null;
-		let i = {
+		let c = {
 			...gt,
 			...r
-		}, c = t(), l = [];
-		for (let e = 0; e < i.lines; e++) {
-			let t = (e + 1) / (i.lines + 1) * 100, n = _t(e * 2 + 1) * 4, r = _t(e * 2 + 2) * 4;
+		}, l = [];
+		for (let e = 0; e < c.lines; e++) {
+			let t = (e + 1) / (c.lines + 1) * 100, n = _t(e * 2 + 1) * 4, r = _t(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)}`);
 		}
 		let u = [];
-		for (let e = 0; e < i.knots; e++) {
+		for (let e = 0; e < c.knots; e++) {
 			let t = 30 + _t(e * 3 + .7) * 30 + 20, n = 50 + _t(e * 3 + 1.3) * 30;
 			u.push([t, n]);
 		}
 		return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", {
-			id: c,
+			id: i,
 			children: /* @__PURE__ */ o("path", { d: e.bodyPath })
 		}) }), /* @__PURE__ */ s("g", {
-			clipPath: `url(#${c})`,
-			opacity: Math.max(0, Math.min(i.intensity, 1)),
+			clipPath: `url(#${i})`,
+			opacity: Math.max(0, Math.min(c.intensity, 1)),
 			style: { pointerEvents: "none" },
 			children: [l.map((e, t) => /* @__PURE__ */ o("path", {
 				className: "badge-stroke",
@@ -2222,11 +2225,12 @@ function Ct(e) {
 }
 var wt = {
 	Component: ({ sampler: e, boxW: n, boxH: r, variant: i, params: c }) => {
+		let l = t();
 		if (i !== "solid" && i !== "subtle") return null;
-		let l = {
+		let u = {
 			...xt,
 			...c
-		}, u = t(), d = 100 / n, f = 100 / r, p = e.totalCss, { lx: m, ly: h } = Ct(l.lightFrom), g = [], _ = [];
+		}, d = 100 / n, f = 100 / r, p = e.totalCss, { lx: m, ly: h } = Ct(u.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 * St.length);
 			g.push({
@@ -2234,8 +2238,8 @@ var wt = {
 				y: n.y,
 				bucket: a
 			}), _.push({
-				x: n.x - n.nx * l.bevelWidth * d,
-				y: n.y - n.ny * l.bevelWidth * f
+				x: n.x - n.nx * u.bevelWidth * d,
+				y: n.y - n.ny * u.bevelWidth * f
 			});
 		}
 		let v = [], y = null;
@@ -2257,10 +2261,10 @@ var wt = {
 			return l + " Z";
 		};
 		return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", {
-			id: u,
+			id: l,
 			children: /* @__PURE__ */ o("path", { d: e.bodyPath })
 		}) }), /* @__PURE__ */ o("g", {
-			clipPath: `url(#${u})`,
+			clipPath: `url(#${l})`,
 			children: v.map((e, t) => /* @__PURE__ */ o("path", {
 				className: St[e.bucket],
 				d: b(e)
@@ -2420,11 +2424,12 @@ var wt = {
 	rimWidth: 1
 }, At = 240, jt = {
 	Component: ({ sampler: e, boxW: n, boxH: r, variant: i, params: c }) => {
+		let l = t(), u = t(), d = t();
 		if (i !== "solid" && i !== "subtle" && i !== "outline") return null;
-		let l = {
+		let f = {
 			...kt,
 			...c
-		}, u = t(), d = t(), f = t(), p = e.totalCss, m = [], h = null;
+		}, p = e.totalCss, m = [], h = null;
 		for (let t = 0; t < At; t++) {
 			let n = t / At * p, r = e.perimeterAt(n);
 			r.ny < 0 ? (h || (h = [], m.push(h)), h.push({
@@ -2446,11 +2451,11 @@ var wt = {
 			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 / n, v = 100 / r, y = Math.max(_, v), b = l.bezelWidth * y, x = l.rimWidth * y, S = Math.max(0, l.equator - l.equatorSpread), C = Math.min(100, l.equator + l.equatorSpread * 1.6), w = `color-mix(in srgb, ${l.accent} ${l.equatorTint}%, white)`, T = `color-mix(in srgb, ${l.accent} ${l.baseTint}%, black)`;
+		let _ = 100 / n, v = 100 / r, 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: u,
+					id: l,
 					x1: "0%",
 					y1: "0%",
 					x2: "0%",
@@ -2459,19 +2464,19 @@ var wt = {
 						/* @__PURE__ */ o("stop", {
 							offset: "0%",
 							style: {
-								stopColor: l.accent,
-								stopOpacity: l.topAlpha
+								stopColor: f.accent,
+								stopOpacity: f.topAlpha
 							}
 						}),
 						/* @__PURE__ */ o("stop", {
 							offset: `${S}%`,
 							style: {
-								stopColor: l.accent,
-								stopOpacity: l.upperAlpha
+								stopColor: f.accent,
+								stopOpacity: f.upperAlpha
 							}
 						}),
 						/* @__PURE__ */ o("stop", {
-							offset: `${l.equator}%`,
+							offset: `${f.equator}%`,
 							style: {
 								stopColor: w,
 								stopOpacity: 1
@@ -2480,7 +2485,7 @@ var wt = {
 						/* @__PURE__ */ o("stop", {
 							offset: `${C}%`,
 							style: {
-								stopColor: l.accent,
+								stopColor: f.accent,
 								stopOpacity: 1
 							}
 						}),
@@ -2494,24 +2499,24 @@ var wt = {
 					]
 				}),
 				/* @__PURE__ */ s("linearGradient", {
-					id: d,
+					id: u,
 					x1: "0%",
 					y1: "0%",
 					x2: "0%",
-					y2: `${l.glossExtent}%`,
+					y2: `${f.glossExtent}%`,
 					children: [
 						/* @__PURE__ */ o("stop", {
 							offset: "0%",
 							style: {
 								stopColor: "white",
-								stopOpacity: l.glossTopAlpha
+								stopOpacity: f.glossTopAlpha
 							}
 						}),
 						/* @__PURE__ */ o("stop", {
 							offset: "60%",
 							style: {
 								stopColor: "white",
-								stopOpacity: l.glossMidAlpha
+								stopOpacity: f.glossMidAlpha
 							}
 						}),
 						/* @__PURE__ */ o("stop", {
@@ -2524,29 +2529,29 @@ var wt = {
 					]
 				}),
 				/* @__PURE__ */ o("clipPath", {
-					id: f,
+					id: d,
 					children: /* @__PURE__ */ o("path", { d: e.bodyPath })
 				})
 			] }),
 			/* @__PURE__ */ o("path", {
 				d: e.bodyPath,
-				fill: `url(#${u})`,
+				fill: `url(#${l})`,
 				style: { pointerEvents: "none" }
 			}),
 			/* @__PURE__ */ o("rect", {
 				x: "0",
 				y: "0",
 				width: "100",
-				height: l.glossExtent,
-				fill: `url(#${d})`,
-				clipPath: `url(#${f})`,
+				height: f.glossExtent,
+				fill: `url(#${u})`,
+				clipPath: `url(#${d})`,
 				style: { pointerEvents: "none" }
 			}),
 			g.map((e, t) => /* @__PURE__ */ o("path", {
 				d: e,
 				fill: "none",
 				stroke: "white",
-				strokeOpacity: l.bezelAlpha,
+				strokeOpacity: f.bezelAlpha,
 				strokeWidth: b,
 				strokeLinecap: "round",
 				vectorEffect: "non-scaling-stroke",
@@ -2556,7 +2561,7 @@ var wt = {
 				d: e.bodyPath,
 				fill: "none",
 				stroke: "black",
-				strokeOpacity: l.rimAlpha,
+				strokeOpacity: f.rimAlpha,
 				strokeWidth: x,
 				vectorEffect: "non-scaling-stroke",
 				style: { pointerEvents: "none" }
@@ -2595,11 +2600,12 @@ var wt = {
 	aqua: jt,
 	metal: {
 		Component: ({ sampler: e, boxW: n, boxH: r, variant: i, params: c }) => {
+			let l = t(), u = t(), d = t();
 			if (i !== "solid" && i !== "subtle" && i !== "outline") return null;
-			let l = {
+			let f = {
 				...Mt,
 				...c
-			}, u = Math.max(0, Math.min(l.specularity, 1)), d = t(), f = t(), p = t(), m = e.totalCss, h = [], g = null;
+			}, p = Math.max(0, Math.min(f.specularity, 1)), m = e.totalCss, h = [], g = null;
 			for (let t = 0; t < Nt; t++) {
 				let n = t / Nt * m, r = e.perimeterAt(n);
 				r.ny < 0 ? (g || (g = [], h.push(g)), g.push({
@@ -2621,11 +2627,11 @@ var wt = {
 				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 / n, y = 100 / r, b = Math.max(v, y), x = l.bezelWidth * b, S = l.rimWidth * b, C = Math.max(0, l.equator - l.equatorSpread), w = Math.min(100, l.equator + l.equatorSpread), T = 100 - Math.round(u * 85), E = `color-mix(in srgb, ${l.accent} ${T}%, white)`, D = `color-mix(in srgb, ${l.accent} ${l.topDarkness}%, black)`, O = `color-mix(in srgb, ${l.accent} ${l.baseDarkness}%, black)`, k = 100 - Math.round(u * 50), A = 100 - Math.round(u * 30), j = `color-mix(in srgb, ${l.accent} ${k}%, white)`, M = `color-mix(in srgb, ${l.accent} ${A}%, white)`, N = l.glossAlphaTop * u, P = l.bezelAlpha * (.4 + .6 * u), F = l.rimAlpha * (.6 + .4 * u);
+			let v = 100 / n, y = 100 / r, 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), F = f.rimAlpha * (.6 + .4 * p);
 			return /* @__PURE__ */ s(a, { children: [
 				/* @__PURE__ */ s("defs", { children: [
 					/* @__PURE__ */ s("linearGradient", {
-						id: d,
+						id: l,
 						x1: "0%",
 						y1: "0%",
 						x2: "0%",
@@ -2640,7 +2646,7 @@ var wt = {
 								style: { stopColor: j }
 							}),
 							/* @__PURE__ */ o("stop", {
-								offset: `${l.equator}%`,
+								offset: `${f.equator}%`,
 								style: { stopColor: E }
 							}),
 							/* @__PURE__ */ o("stop", {
@@ -2654,11 +2660,11 @@ var wt = {
 						]
 					}),
 					/* @__PURE__ */ s("linearGradient", {
-						id: f,
+						id: u,
 						x1: "0%",
 						y1: "0%",
 						x2: "0%",
-						y2: `${l.glossExtent}%`,
+						y2: `${f.glossExtent}%`,
 						children: [/* @__PURE__ */ o("stop", {
 							offset: "0%",
 							style: {
@@ -2674,22 +2680,22 @@ var wt = {
 						})]
 					}),
 					/* @__PURE__ */ o("clipPath", {
-						id: p,
+						id: d,
 						children: /* @__PURE__ */ o("path", { d: e.bodyPath })
 					})
 				] }),
 				/* @__PURE__ */ o("path", {
 					d: e.bodyPath,
-					fill: `url(#${d})`,
+					fill: `url(#${l})`,
 					style: { pointerEvents: "none" }
 				}),
 				N > 0 && /* @__PURE__ */ o("rect", {
 					x: "0",
 					y: "0",
 					width: "100",
-					height: l.glossExtent,
-					fill: `url(#${f})`,
-					clipPath: `url(#${p})`,
+					height: f.glossExtent,
+					fill: `url(#${u})`,
+					clipPath: `url(#${d})`,
 					style: { pointerEvents: "none" }
 				}),
 				_.map((e, t) => /* @__PURE__ */ o("path", {
@@ -2939,4 +2945,4 @@ function Ft(l) {
 //#endregion
 export { qe as n, Ft as t };
 
-//# sourceMappingURL=Badge-DZQqAV4d.js.map
+//# sourceMappingURL=Badge-dQzbkk-C.js.map