@souldi/try-on 0.4.4 → 0.5.0

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# Changelog
+
+## 0.5.0
+
+**Breaking.** `init({ appearance })` replaces the `theme` option.
+
+- **New: `appearance`.** `init({ appearance: { ink, fill, corners, font } })` styles the try-on button, the result dialog and the sign-in and upload screens. It is the same closed set of values a Shopify merchant sets on the Souldi block. Missing or unknown values fall back to the defaults, one by one, and never throw. See [Appearance](README.md#appearance).
+- **Removed: `theme`.** Its properties (`mode`, `accentColor`, `accentTextColor`, `borderRadius`, `fontFamily`, `headingFontFamily`, `buttonOutlineColor`) are gone, not deprecated. A `theme` that is still passed is ignored and logs one console warning.
+- **Removed: dark mode.** The widget is light-only, like its result dialog. An embedder who passed `theme: { mode: 'dark' }` now gets the light sign-in and upload screens.
+- **Contrast is reported, never corrected.** The `ink` is used as given. If it is below 4.5:1 against white, the widget logs one console warning.
+
+**CDN embedders get this on the day it is published.** The README's script tag, `https://unpkg.com/@souldi/try-on/dist/widget.umd.js`, names no version, so it serves the newest release. To stay on 0.4 while you move from `theme` to `appearance`, pin the version in the URL (`https://unpkg.com/@souldi/try-on@0.4/dist/widget.umd.js`) or in your `package.json`.

package/README.md

@@ -97,7 +97,7 @@ Call once per page load to configure the widget.
 | Option | Type | Required | Description |
 |--------|------|----------|-------------|
 | `tenantApiKey` | `string` | Yes | Your publishable API key (from your Souldi dashboard) |
-| `theme` | `object` | No | Customize the widget appearance ([see Theming](#theming)) |
+| `appearance` | `object` | No | How the widget looks: ink, fill, corners and font ([see Appearance](#appearance)) |
 | `fontsUrl` | `string` | No | Where you serve the package's `dist/fonts` directory, to load the fonts from your own origin instead of unpkg ([see Fonts](#fonts)) |
 | `declareFonts` | `boolean` | No | Default `true`: the widget declares its fonts in your page ([see Fonts](#fonts)). Pass `false` only if your page already declares them |
 | `onGenerationStart` | `function(info)` | No | Called when AI generation begins |
@@ -222,51 +222,40 @@ It returns a handle for that button. Among its methods:
 
 ---
 
-## Theming
+## Appearance
 
-The widget ships with **dark** and **light** themes and supports deep customization to match your store's brand.
-
-### Theme Modes
+One **appearance** styles the whole widget: the try-on button, the result dialog, and the sign-in and upload screens. It is the same closed set of choices a Shopify merchant makes on the Souldi block, so every embed has one appearance contract.
 
 ```javascript
 VirtualTryOn.init({
   tenantApiKey: 'your_key',
-  theme: {
-    mode: 'light',  // 'dark' (default) or 'light'
+  appearance: {
+    ink: '#7A1F5C',      // your brand colour, as six hex digits
+    fill: 'filled',      // 'outlined' (default) or 'filled'
+    corners: 'rounded',  // 'square' (default), 'rounded' or 'pill'
+    font: 'theme',       // 'souldi' (default) or 'theme'
   },
 });
 ```
 
-### Custom Brand Colors
+| Property | Values | Default | What it does |
+|----------|--------|---------|--------------|
+| `ink` | `#rrggbb` | `#1F201F` | Colours the accents only: the primary action, selected states, the size stamp and focus rings. Never body text. |
+| `fill` | `'outlined'` \| `'filled'` | `'outlined'` | The primary action is the ink on white (outlined) or white on the ink (filled). Secondary actions stay outlined. |
+| `corners` | `'square'` \| `'rounded'` \| `'pill'` | `'square'` | Buttons take the shape as chosen. Cards and sheets cap it (0, 12px and 20px), so a dialog never turns into an oval. |
+| `font` | `'souldi'` \| `'theme'` | `'souldi'` | The widget's own faces ([see Fonts](#fonts)), or your page's font, inherited everywhere, headings included. |
 
-Override individual properties to match your brand:
+Each value is checked on its own. A missing or unknown value falls back to its default and never throws, so a typo can't break your page. An `ink` that isn't six hex digits (`#FFF`, `red`) falls back to the default ink.
 
-```javascript
-VirtualTryOn.init({
-  tenantApiKey: 'your_key',
-  theme: {
-    mode: 'dark',
-    accentColor: '#7C3AED',          // Primary button & accent color
-    accentTextColor: '#FFFFFF',       // Text color on accent buttons
-    borderRadius: '8px',             // Border radius for cards & modals
-    fontFamily: '"Inter", sans-serif',
-    headingFontFamily: '"Playfair Display", serif',
-    buttonOutlineColor: '#7C3AED',   // Outline on the split button
-  },
-});
-```
+**Pick an ink that reads on white.** The ink is used exactly as you give it. If it is below 4.5:1 contrast against white (the WCAG AA minimum for text), the widget logs one console warning and still uses it. It doesn't darken the colour for you.
 
-### Available Theme Options
+There is no `size` option. One that is passed is ignored.
 
-| Property | Type | Default | Description |
-|----------|------|---------|-------------|
-| `mode` | `'dark' \| 'light'` | `'dark'` | Base color palette |
-| `accentColor` | CSS color | `#adcfab` (dark) / `#4d7c4b` (light) | Primary action color |
-| `accentTextColor` | CSS color | `#193620` (dark) / `#ffffff` (light) | Text on accent buttons |
-| `borderRadius` | CSS value | `12px` | Corner rounding for cards and modals |
-| `fontFamily` | CSS font stack | `'Souldi Manrope', system-ui, sans-serif` | Body text font |
-| `headingFontFamily` | CSS font stack | `'Souldi Newsreader', serif` | Heading font |
-| `buttonOutlineColor` | CSS color | `transparent` | Border color on the try-on button |
+> **Removed in 0.5.0:** `theme` (`mode`, `accentColor`, `accentTextColor`,
+> `borderRadius`, `fontFamily`, `headingFontFamily`, `buttonOutlineColor`) and
+> the dark mode it selected. The widget is light-only. A `theme` that is still
+> passed is ignored and logs one console warning. Move to `appearance`. See the
+> [changelog](CHANGELOG.md).
 
 All UI is rendered inside a **Shadow DOM**, so your site's CSS will never leak into the widget and the widget will never break your styles.
 
@@ -309,7 +298,7 @@ The widget then contacts no one but you for its fonts, and a `font-src 'self'` p
   <script>
     VirtualTryOn.init({
       tenantApiKey: 'pk_live_abc123',
-      theme: { mode: 'light', accentColor: '#2563EB' },
+      appearance: { ink: '#2563EB', corners: 'rounded' },
       onGenerationSuccess: (url) => {
         console.log('Try-on result:', url);
       },

package/dist/mannequin-loader.mjs

@@ -10,88 +10,33 @@ var e = Object.freeze([
 ]), t = Object.freeze(["height", ...e]), n = Object.freeze(/* @__PURE__ */ new Set(["torso_length"]));
 Object.freeze(Object.fromEntries(t.filter((e) => !n.has(e)).map((e) => [`declared_${e}_cm`, e])));
 //#endregion
-//#region src/fonts.mjs
-var r = "Souldi Manrope", i = "Souldi Newsreader", a = {
-	"cyrillic-ext": "U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F",
-	cyrillic: "U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116",
-	greek: "U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF",
-	vietnamese: "U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB",
-	"latin-ext": "U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF",
-	latin: "U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD"
-};
-function o({ family: e, style: t, weight: n, stem: r, subsets: i }) {
-	return i.map((i) => ({
-		family: e,
-		style: t,
-		weight: n,
-		display: "swap",
-		file: `${r}-${i}.woff2`,
-		unicodeRange: a[i]
-	}));
-}
-var s = [
-	"cyrillic-ext",
-	"cyrillic",
-	"greek",
-	"vietnamese",
-	"latin-ext",
-	"latin"
-], c = [
-	"vietnamese",
-	"latin-ext",
-	"latin"
-];
-Object.freeze([
-	...o({
-		family: r,
-		style: "normal",
-		weight: "300 800",
-		stem: "manrope",
-		subsets: s
-	}),
-	...o({
-		family: i,
-		style: "normal",
-		weight: "300 600",
-		stem: "newsreader",
-		subsets: c
-	}),
-	...o({
-		family: i,
-		style: "italic",
-		weight: "300 600",
-		stem: "newsreader-italic",
-		subsets: c
-	})
-]);
-//#endregion
 //#region src/mannequin3d.js
-async function l(t, n, i = []) {
-	let [a, { GLTFLoader: o }] = await Promise.all([import("./mannequin-chunks/three.module-BTc07Glh.mjs"), import("./mannequin-chunks/GLTFLoader-D8TDDHUI.mjs")]), s = !1, c = new a.Scene(), l = t.clientWidth || 300, u = t.clientHeight || 260, d = new a.WebGLRenderer({
+async function r(t, n, r = []) {
+	let [i, { GLTFLoader: a }] = await Promise.all([import("./mannequin-chunks/three.module-BTc07Glh.mjs"), import("./mannequin-chunks/GLTFLoader-D8TDDHUI.mjs")]), o = !1, s = new i.Scene(), c = t.clientWidth || 300, l = t.clientHeight || 260, u = new i.WebGLRenderer({
 		antialias: !0,
 		alpha: !0
 	});
-	d.setPixelRatio(Math.min(2, window.devicePixelRatio || 1)), d.setSize(l, u), d.outputColorSpace = a.SRGBColorSpace, d.domElement.style.cssText = "position:absolute;inset:0;z-index:1;", t.appendChild(d.domElement), c.add(new a.HemisphereLight(16777215, 12170412, 1.5));
-	let f = new a.DirectionalLight(16777215, 1.6);
-	f.position.set(2, 4, 5), c.add(f);
-	let p = new a.DirectionalLight(16777215, .7);
-	p.position.set(-3, 2, -4), c.add(p);
-	let m = new a.MeshStandardMaterial({
+	u.setPixelRatio(Math.min(2, window.devicePixelRatio || 1)), u.setSize(c, l), u.outputColorSpace = i.SRGBColorSpace, u.domElement.style.cssText = "position:absolute;inset:0;z-index:1;", t.appendChild(u.domElement), s.add(new i.HemisphereLight(16777215, 12170412, 1.5));
+	let d = new i.DirectionalLight(16777215, 1.6);
+	d.position.set(2, 4, 5), s.add(d);
+	let f = new i.DirectionalLight(16777215, .7);
+	f.position.set(-3, 2, -4), s.add(f);
+	let p = new i.MeshStandardMaterial({
 		color: 16053489,
 		roughness: .45,
 		metalness: 0
-	}), h = [m], g = [], _ = await new Promise((e, t) => new o().load(n, e, void 0, t));
-	if (s) return { destroy() {} };
-	let v = _.scene;
-	v.traverse((e) => {
-		e.isMesh && (e.material = m, h.push(e.geometry));
-	}), c.add(v);
-	let y = new a.Box3().setFromObject(v), ee = 1.68 / (y.max.y - y.min.y || 1);
-	v.scale.setScalar(ee), v.updateMatrixWorld(!0);
-	let b = new a.Box3().setFromObject(v);
-	v.position.y -= b.min.y + .7, v.position.x -= (b.min.x + b.max.x) / 2, v.position.z -= (b.min.z + b.max.z) / 2, v.updateMatrixWorld(!0);
-	let x = .01, S = [], C = new a.Vector3();
-	v.traverse((e) => {
+	}), m = [p], h = [], g = await new Promise((e, t) => new a().load(n, e, void 0, t));
+	if (o) return { destroy() {} };
+	let _ = g.scene;
+	_.traverse((e) => {
+		e.isMesh && (e.material = p, m.push(e.geometry));
+	}), s.add(_);
+	let v = new i.Box3().setFromObject(_), y = 1.68 / (v.max.y - v.min.y || 1);
+	_.scale.setScalar(y), _.updateMatrixWorld(!0);
+	let b = new i.Box3().setFromObject(_);
+	_.position.y -= b.min.y + .7, _.position.x -= (b.min.x + b.max.x) / 2, _.position.z -= (b.min.z + b.max.z) / 2, _.updateMatrixWorld(!0);
+	let x = .01, S = [], C = new i.Vector3();
+	_.traverse((e) => {
 		if (!e.isMesh) return;
 		let t = e.geometry.getAttribute("position"), n = Math.max(1, Math.floor(t.count / 8e4));
 		for (let r = 0; r < t.count; r += n) C.fromBufferAttribute(t, r), e.localToWorld(C), S.push(C.x, C.y, C.z);
@@ -116,73 +61,73 @@ async function l(t, n, i = []) {
 	}, D = (e) => {
 		let t = E(e, -.5, .5, .008);
 		return t ? t.w : 0;
-	}, te = Math.max(.08, D(w - .1)), O = w - .28;
-	for (let e = w - .12; e > w - .45; e -= .01) if (D(e) > te * 1.9) {
+	}, ee = Math.max(.08, D(w - .1)), O = w - .28;
+	for (let e = w - .12; e > w - .45; e -= .01) if (D(e) > ee * 1.9) {
 		O = e - .015;
 		break;
 	}
-	let ne = O - .13, k = E(ne, -.19, .19), A = {
+	let k = O - .13, A = E(k, -.19, .19), j = {
 		shY: O,
 		shHalf: D(O) / 2,
-		chestY: ne,
-		rx: k ? k.w / 2 : .14,
-		zc: k ? k.cz : 0,
-		zF: k ? k.z1 : .1
-	}, j = null, M = null;
-	for (let e = A.shY - .28; e > A.shY - .44; e -= .015) {
+		chestY: k,
+		rx: A ? A.w / 2 : .14,
+		zc: A ? A.cz : 0,
+		zF: A ? A.z1 : .1
+	}, M = null, N = null;
+	for (let e = j.shY - .28; e > j.shY - .44; e -= .015) {
 		let t = E(e, -.19, .19);
-		t && (!j || t.w < j.t.w) && (j = {
+		t && (!M || t.w < M.t.w) && (M = {
 			y: e,
 			t
 		});
 	}
-	for (let e = A.shY - .42; e > A.shY - .54; e -= .02) {
+	for (let e = j.shY - .42; e > j.shY - .54; e -= .02) {
 		let t = E(e, -.165, .165);
-		t && (!M || t.w > M.t.w) && (M = {
+		t && (!N || t.w > N.t.w) && (N = {
 			y: e,
 			t
 		});
 	}
-	A.waistRow = j, A.hipsRow = M, A.crotchY = M ? M.y - .12 : A.shY - .6;
-	let N = new a.PerspectiveCamera(30, l / u, .05, 100), P = O - .3;
-	N.position.set(0, P, 2.35), N.lookAt(0, P, 0);
-	let F = new a.Group();
-	c.add(F);
-	let I = "#5F7F63", L = (e, t, n) => new a.Vector3(e, t, n), R = {}, z = (e, t, n, r) => {
-		let i = new a.CatmullRomCurve3(e, t, "catmullrom", .5), o = new a.TubeGeometry(i, t ? 90 : 40, n, 8, t), s = new a.TubeGeometry(i, t ? 90 : 40, n * 2.2, 8, t), c = new a.MeshBasicMaterial({ color: r || I }), l = new a.MeshBasicMaterial({
-			color: r || I,
+	j.waistRow = M, j.hipsRow = N, j.crotchY = N ? N.y - .12 : j.shY - .6;
+	let P = new i.PerspectiveCamera(30, c / l, .05, 100), F = O - .3;
+	P.position.set(0, F, 2.35), P.lookAt(0, F, 0);
+	let I = new i.Group();
+	s.add(I);
+	let L = "#5F7F63", R = (e, t, n) => new i.Vector3(e, t, n), z = {}, B = (e, t, n, r) => {
+		let a = new i.CatmullRomCurve3(e, t, "catmullrom", .5), o = new i.TubeGeometry(a, t ? 90 : 40, n, 8, t), s = new i.TubeGeometry(a, t ? 90 : 40, n * 2.2, 8, t), c = new i.MeshBasicMaterial({ color: r || L }), l = new i.MeshBasicMaterial({
+			color: r || L,
 			transparent: !0,
 			opacity: .15,
 			depthWrite: !1
 		});
-		g.push(o, s, c, l), F.add(new a.Mesh(o, c)), F.add(new a.Mesh(s, l));
-	}, B = (e, t, n) => Math.max(.4, (e + n / (2 * Math.PI) * x) / (e + t)), re = (e, t, n) => Math.max(.4, (e + n / 2 * x) / (e + t)), ie = (e, t) => {
-		let n = (A.rx + .012) * e, r = n * .72, i = A.zF - A.zc - r * .4, a = [];
+		h.push(o, s, c, l), I.add(new i.Mesh(o, c)), I.add(new i.Mesh(s, l));
+	}, V = (e, t, n) => Math.max(.4, (e + n / (2 * Math.PI) * x) / (e + t)), te = (e, t, n) => Math.max(.4, (e + n / 2 * x) / (e + t)), ne = (e, t) => {
+		let n = (j.rx + .012) * e, r = n * .72, i = j.zF - j.zc - r * .4, a = [];
 		for (let e = 0; e < 36; e++) {
 			let t = e / 36 * Math.PI * 2, o = Math.sin(t);
-			a.push(L(n * Math.cos(t), A.chestY - .012 * Math.max(0, o), A.zc + r * o + Math.max(0, i) * Math.max(0, o) * Math.max(0, o)));
+			a.push(R(n * Math.cos(t), j.chestY - .012 * Math.max(0, o), j.zc + r * o + Math.max(0, i) * Math.max(0, o) * Math.max(0, o)));
 		}
-		z(a, !0, .7 * x, t), R.chest = L(-(n + x), A.chestY, A.zc);
-	}, ae = (e, t) => {
-		let n = (A.shHalf - .015) * e, r = E(A.shY, -.25, .25), i = r ? r.cz : A.zc;
-		z([
-			L(-(n + x), A.shY - .5 * x, i + 2 * x),
-			L(-n * .5, A.shY + 3.5 * x, i + 5 * x),
-			L(0, A.shY + 4.5 * x, i + 6 * x),
-			L(n * .5, A.shY + 3.5 * x, i + 5 * x),
-			L(n + x, A.shY - .5 * x, i + 2 * x)
-		], !1, .65 * x, t), R.shoulder_width = L(-(n + 1.5 * x), A.shY - .5 * x, i + 2 * x);
-	}, V = (e, t, n, r) => {
+		B(a, !0, .7 * x, t), z.chest = R(-(n + x), j.chestY, j.zc);
+	}, re = (e, t) => {
+		let n = (j.shHalf - .015) * e, r = E(j.shY, -.25, .25), i = r ? r.cz : j.zc;
+		B([
+			R(-(n + x), j.shY - .5 * x, i + 2 * x),
+			R(-n * .5, j.shY + 3.5 * x, i + 5 * x),
+			R(0, j.shY + 4.5 * x, i + 6 * x),
+			R(n * .5, j.shY + 3.5 * x, i + 5 * x),
+			R(n + x, j.shY - .5 * x, i + 2 * x)
+		], !1, .65 * x, t), z.shoulder_width = R(-(n + 1.5 * x), j.shY - .5 * x, i + 2 * x);
+	}, H = (e, t, n, r) => {
 		if (!e) return;
 		let i = (e.t.w / 2 + .008) * t, a = Math.min((e.t.z1 - e.t.z0) / 2 + .008, i * .78) * t, o = [];
 		for (let t = 0; t < 36; t++) {
 			let n = t / 36 * Math.PI * 2;
-			o.push(L(e.t.cx + i * Math.cos(n), e.y, e.t.cz + a * Math.sin(n)));
+			o.push(R(e.t.cx + i * Math.cos(n), e.y, e.t.cz + a * Math.sin(n)));
 		}
-		z(o, !0, .7 * x, r), R[n] = L(e.t.cx - i - x, e.y, e.t.cz);
-	}, oe = (e, t) => {
+		B(o, !0, .7 * x, r), z[n] = R(e.t.cx - i - x, e.y, e.t.cz);
+	}, ie = (e, t) => {
 		let n = [];
-		for (let e = A.shY - .05; e > A.shY - .25; e -= .015) {
+		for (let e = j.shY - .05; e > j.shY - .25; e -= .015) {
 			let t = T(e, .012);
 			if (!t.length) continue;
 			let r = t[0];
@@ -199,79 +144,79 @@ async function l(t, n, i = []) {
 		n.forEach(([e, t, n]) => {
 			r += t, i += t * t, a += e, o += e * t, s += n, c += n * t;
 		});
-		let u = l * i - r * r, d = (l * o - a * r) / u, f = (a - d * r) / l, p = (l * c - s * r) / u, m = (s - p * r) / l, h = A.shY - .02, g = L(f + d * h, h, m + p * h), _ = L(d, 1, p).normalize();
+		let u = l * i - r * r, d = (l * o - a * r) / u, f = (a - d * r) / l, p = (l * c - s * r) / u, m = (s - p * r) / l, h = j.shY - .02, g = R(f + d * h, h, m + p * h), _ = R(d, 1, p).normalize();
 		_.y > 0 && _.multiplyScalar(-1);
 		let v = g.clone().addScaledVector(_, Math.max(e, 4) * x * 1.1), y = [];
 		for (let e = 0; e <= 6; e++) {
 			let t = g.clone().lerp(v, e / 6);
 			t.x += .8 * x, t.z += .5 * x, y.push(t);
 		}
-		z(y, !1, .7 * x, t), R.sleeve_length = y[y.length - 1].clone();
-	}, se = (e, t) => {
-		if (!A.hipsRow) return;
-		let n = A.hipsRow.y - .1, r = n - Math.max(e, 4) * x * .9, i = [];
+		B(y, !1, .7 * x, t), z.sleeve_length = y[y.length - 1].clone();
+	}, ae = (e, t) => {
+		if (!j.hipsRow) return;
+		let n = j.hipsRow.y - .1, r = n - Math.max(e, 4) * x * .9, i = [];
 		for (let e = 0; e <= 10; e++) {
-			let t = n + (r - n) * (e / 10), a = t > A.crotchY ? E(t, -.165, .165) : E(t, .006, .16, .016);
-			i.push(L(a ? a.cx : 0, t, a ? a.z1 : A.zF));
+			let t = n + (r - n) * (e / 10), a = t > j.crotchY ? E(t, -.165, .165) : E(t, .006, .16, .016);
+			i.push(R(a ? a.cx : 0, t, a ? a.z1 : j.zF));
 		}
-		z(i, !1, .65 * x, t), R.inseam = i[i.length - 1].clone();
-	}, ce = (e, t) => {
-		let n = A.shY - .02, r = n - Math.max(e, 4) * x * .9, i = [];
+		B(i, !1, .65 * x, t), z.inseam = i[i.length - 1].clone();
+	}, oe = (e, t) => {
+		let n = j.shY - .02, r = n - Math.max(e, 4) * x * .9, i = [];
 		for (let e = 0; e <= 10; e++) {
 			let t = n + (r - n) * (e / 10), a = E(t, -.19, .19);
-			i.push(L(a ? a.cx : 0, t, a ? a.z1 : A.zF));
+			i.push(R(a ? a.cx : 0, t, a ? a.z1 : j.zF));
 		}
-		z(i, !1, .65 * x, t), R.torso_length = i[i.length - 1].clone();
-	}, H = (e) => {
-		for (; F.children.length;) {
-			let e = F.children.pop();
+		B(i, !1, .65 * x, t), z.torso_length = i[i.length - 1].clone();
+	}, U = (e) => {
+		for (; I.children.length;) {
+			let e = I.children.pop();
 			e.geometry.dispose(), e.material.dispose();
 		}
-		g = [];
-		for (let e in R) delete R[e];
+		h = [];
+		for (let e in z) delete z[e];
 		for (let t of e) {
-			let e = t.color || I, n = U[t.key];
+			let e = t.color || L, n = W[t.key];
 			n && n(t.easeCm, e);
 		}
-	}, U = {
-		chest: (e, t) => ie(B(A.rx, .012, e), t),
+	}, W = {
+		chest: (e, t) => ne(V(j.rx, .012, e), t),
 		waist: (e, t) => {
-			A.waistRow && V(A.waistRow, B(A.waistRow.t.w / 2, .008, e), "waist", t);
+			j.waistRow && H(j.waistRow, V(j.waistRow.t.w / 2, .008, e), "waist", t);
 		},
 		hips: (e, t) => {
-			A.hipsRow && V(A.hipsRow, B(A.hipsRow.t.w / 2, .008, e), "hips", t);
+			j.hipsRow && H(j.hipsRow, V(j.hipsRow.t.w / 2, .008, e), "hips", t);
 		},
-		shoulder_width: (e, t) => ae(re(A.shHalf, .015, e), t),
-		sleeve_length: (e, t) => oe(20 + e, t),
-		inseam: (e, t) => se(60 + e, t),
-		torso_length: (e, t) => ce(65 + e, t)
+		shoulder_width: (e, t) => re(te(j.shHalf, .015, e), t),
+		sleeve_length: (e, t) => ie(20 + e, t),
+		inseam: (e, t) => ae(60 + e, t),
+		torso_length: (e, t) => oe(65 + e, t)
 	};
-	for (let t of e) U[t] || console.warn(`[VirtualTryOn] mannequin has no band geometry for measurement "${t}"`);
-	H(i);
-	let W = document.createElement("div");
-	W.style.cssText = `position:absolute;inset:0;z-index:2;pointer-events:none;font-family:'${r}',system-ui,sans-serif;`;
-	let G = "http://www.w3.org/2000/svg", K = document.createElementNS(G, "svg");
-	K.setAttribute("width", String(l)), K.setAttribute("height", String(u)), K.style.cssText = "position:absolute;inset:0;", W.appendChild(K), t.appendChild(W);
-	let q = i.filter((e) => R[e.key]), J = {}, Y = {}, X = {}, Z = {};
-	q.forEach((e) => {
+	for (let t of e) W[t] || console.warn(`[VirtualTryOn] mannequin has no band geometry for measurement "${t}"`);
+	U(r);
+	let G = document.createElement("div");
+	G.style.cssText = "position:absolute;inset:0;z-index:2;pointer-events:none;font-family:inherit;";
+	let K = "http://www.w3.org/2000/svg", q = document.createElementNS(K, "svg");
+	q.setAttribute("width", String(c)), q.setAttribute("height", String(l)), q.style.cssText = "position:absolute;inset:0;", G.appendChild(q), t.appendChild(G);
+	let J = r.filter((e) => z[e.key]), Y = {}, se = {}, X = {}, Z = {};
+	J.forEach((e) => {
 		let t = document.createElement("div");
 		t.style.cssText = "position:absolute;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.94);border-radius:999px;padding:4px 10px 4px 5px;box-shadow:0 6px 20px rgba(28,28,22,0.12);white-space:nowrap;";
 		let n = document.createElement("span");
 		n.style.cssText = "width:16px;height:16px;border-radius:50%;background:#6F8F72;color:#FAF7ED;font-size:9.5px;font-weight:700;flex:none;display:inline-flex;align-items:center;justify-content:center;", n.textContent = e.letter;
 		let r = document.createElement("span");
-		r.style.cssText = `font-size:11px;font-weight:700;color:${e.color || "#5F7F63"};`, r.textContent = e.verdict || "", t.appendChild(n), t.appendChild(r), W.appendChild(t);
-		let i = document.createElementNS(G, "line");
-		i.setAttribute("stroke", "rgba(28,28,22,0.30)"), i.setAttribute("stroke-width", "1"), K.appendChild(i);
-		let a = document.createElementNS(G, "circle");
-		a.setAttribute("r", "2.2"), a.setAttribute("fill", "#1c1c16"), a.setAttribute("fill-opacity", "0.55"), K.appendChild(a), J[e.key] = t, Y[e.key] = r, X[e.key] = i, Z[e.key] = a;
+		r.style.cssText = `font-size:11px;font-weight:700;color:${e.color || "#5F7F63"};`, r.textContent = e.verdict || "", t.appendChild(n), t.appendChild(r), G.appendChild(t);
+		let i = document.createElementNS(K, "line");
+		i.setAttribute("stroke", "rgba(28,28,22,0.30)"), i.setAttribute("stroke-width", "1"), q.appendChild(i);
+		let a = document.createElementNS(K, "circle");
+		a.setAttribute("r", "2.2"), a.setAttribute("fill", "#1c1c16"), a.setAttribute("fill-opacity", "0.55"), q.appendChild(a), Y[e.key] = t, se[e.key] = r, X[e.key] = i, Z[e.key] = a;
 	});
-	let le = () => {
+	let ce = () => {
 		let e = t.clientWidth, n = t.clientHeight;
 		if (!e || !n) return;
-		K.setAttribute("width", String(e)), K.setAttribute("height", String(n));
+		q.setAttribute("width", String(e)), q.setAttribute("height", String(n));
 		let r = {};
-		q.forEach((t) => {
-			let i = R[t.key].clone().project(N);
+		J.forEach((t) => {
+			let i = z[t.key].clone().project(P);
 			r[t.key] = {
 				x: (i.x * .5 + .5) * e,
 				y: (-i.y * .5 + .5) * n
@@ -281,41 +226,41 @@ async function l(t, n, i = []) {
 			left: [],
 			right: []
 		};
-		q.forEach((t) => (r[t.key].x < e / 2 ? i.left : i.right).push(t)), Object.entries(i).forEach(([t, i]) => {
+		J.forEach((t) => (r[t.key].x < e / 2 ? i.left : i.right).push(t)), Object.entries(i).forEach(([t, i]) => {
 			i.sort((e, t) => r[e.key].y - r[t.key].y);
 			let a = 16;
 			i.forEach((i) => {
 				let o = r[i.key], s = Math.max(o.y, a);
 				s = Math.min(s, n - 24), a = s + 34;
-				let c = J[i.key];
+				let c = Y[i.key];
 				c.style.top = `${s - 13}px`, t === "left" ? (c.style.left = "10px", c.style.right = "auto") : (c.style.right = "10px", c.style.left = "auto");
 				let l = c.offsetWidth, u = t === "left" ? 10 + l + 3 : e - 10 - l - 3;
 				X[i.key].setAttribute("x1", String(u)), X[i.key].setAttribute("y1", String(s)), X[i.key].setAttribute("x2", String(o.x)), X[i.key].setAttribute("y2", String(o.y)), Z[i.key].setAttribute("cx", String(o.x)), Z[i.key].setAttribute("cy", String(o.y));
 			});
 		});
 	}, Q = () => {
-		s || (d.render(c, N), le());
+		o || (u.render(s, P), ce());
 	};
 	Q();
-	let ue = new ResizeObserver(() => {
+	let le = new ResizeObserver(() => {
 		let e = t.clientWidth, n = t.clientHeight;
-		!e || !n || (d.setSize(e, n), N.aspect = e / n, N.updateProjectionMatrix(), Q());
+		!e || !n || (u.setSize(e, n), P.aspect = e / n, P.updateProjectionMatrix(), Q());
 	});
-	ue.observe(t);
-	let $ = i.slice();
+	le.observe(t);
+	let $ = r.slice();
 	return {
 		destroy() {
-			s || (s = !0, ue.disconnect(), h.forEach((e) => e.dispose()), g.forEach((e) => e.dispose()), d.dispose(), d.domElement.remove(), W.remove());
+			o || (o = !0, le.disconnect(), m.forEach((e) => e.dispose()), h.forEach((e) => e.dispose()), u.dispose(), u.domElement.remove(), G.remove());
 		},
 		updateMany(e) {
-			if (!(s || !e.length)) {
+			if (!(o || !e.length)) {
 				for (let t of e) {
 					let e = $.findIndex((e) => e.key === t.key);
 					e !== -1 && ($[e] = t);
 				}
-				H($);
+				U($);
 				for (let t of e) {
-					let e = Y[t.key];
+					let e = se[t.key];
 					e && (e.textContent = t.verdict || "", e.style.color = t.color || "#5F7F63");
 				}
 				Q();
@@ -324,4 +269,4 @@ async function l(t, n, i = []) {
 	};
 }
 //#endregion
-export { l as mountMannequin3D };
+export { r as mountMannequin3D };