@pieai/swimmer-ui-kit 3.0.0 → 3.1.0

package/dist/preview.js

@@ -1,7 +1,7 @@
 "use client";
-import { _ as e, b as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, p as l, t as u, u as d, v as ee, y as te } from "./LiquidGroup-BXw1tv9H.js";
-import { C as f, D as p, E as ne, F as m, I as h, L as g, P as _, R as re, S as ie, T as v, _ as ae, a as y, b, c as oe, d as x, f as S, g as se, h as ce, i as le, l as ue, m as C, n as de, o as w, p as fe, r as T, s as pe, t as E, u as D, v as me, w as O, x as k, y as he, z as A } from "./GameStageTile-DwU_Vvi8.js";
-import { f as j, i as M, m as N } from "./reducedMotion-B8kv-v64.js";
+import { A as e, D as t, E as n, F as r, M as i, N as a, O as o, P as s, T as c, _ as l, f as u, h as ee, i as d, j as f, k as te, t as p, w as ne } from "./LiquidGroup-RTK_Uvgw.js";
+import { C as re, S as m, _ as h, a as g, b as _, c as ie, d as v, f as ae, g as oe, h as se, i as y, l as b, m as ce, n as le, o as x, p as ue, r as de, s as fe, t as S, u as C, v as w, w as T, x as E, y as pe } from "./GameStageTile-F41PxXDG.js";
+import { _ as D, g as O, h as me, i as k, n as A, r as he, t as j, v as M, y as N } from "./GameAvatar-CRJ1r8l5.js";
 import { createContext as P, createElement as F, useContext as I, useEffect as L, useRef as R, useState as z } from "react";
 import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
 //#region src/preview/GameUiPreview/previewStates.ts
@@ -442,27 +442,27 @@ function ge() {
 			/* @__PURE__ */ H("div", {
 				className: "game-ui-component-row",
 				children: [
-					/* @__PURE__ */ V(p, {
+					/* @__PURE__ */ V(k, {
 						variant: "primary",
 						children: e.openTable
 					}),
-					/* @__PURE__ */ V(p, {
+					/* @__PURE__ */ V(k, {
 						variant: "secondary",
 						children: e.useCode
 					}),
-					/* @__PURE__ */ V(p, {
+					/* @__PURE__ */ V(k, {
 						variant: "ghost",
 						children: e.continueHost
 					}),
-					/* @__PURE__ */ V(p, {
+					/* @__PURE__ */ V(k, {
 						variant: "success",
 						children: e.readyUp
 					}),
-					/* @__PURE__ */ V(p, {
+					/* @__PURE__ */ V(k, {
 						variant: "danger",
 						children: e.leaveTable
 					}),
-					/* @__PURE__ */ V(p, {
+					/* @__PURE__ */ V(k, {
 						disabled: !0,
 						variant: "secondary",
 						children: e.waiting
@@ -472,38 +472,38 @@ function ge() {
 			/* @__PURE__ */ H("div", {
 				className: "game-ui-component-row",
 				children: [
-					/* @__PURE__ */ V(ue, {
+					/* @__PURE__ */ V(ie, {
 						label: e.settingsTip,
-						children: /* @__PURE__ */ V(O, {
+						children: /* @__PURE__ */ V(E, {
 							label: e.settingsTip,
-							children: /* @__PURE__ */ V(k, {
+							children: /* @__PURE__ */ V(w, {
 								icon: "settings",
 								size: "sm"
 							})
 						})
 					}),
-					/* @__PURE__ */ V(O, {
+					/* @__PURE__ */ V(E, {
 						label: e.copyInvite,
-						children: /* @__PURE__ */ V(k, {
+						children: /* @__PURE__ */ V(w, {
 							icon: "copy",
 							size: "sm"
 						})
 					}),
-					/* @__PURE__ */ V(C, {
+					/* @__PURE__ */ V(A, {
 						tone: "ai",
 						children: e.aiBadge
 					}),
-					/* @__PURE__ */ V(C, {
+					/* @__PURE__ */ V(A, {
 						tone: "success",
 						children: e.readyBadge
 					}),
-					/* @__PURE__ */ V(C, {
+					/* @__PURE__ */ V(A, {
 						tone: "warning",
 						children: e.hostGateBadge
 					})
 				]
 			}),
-			/* @__PURE__ */ V(he, {
+			/* @__PURE__ */ V(oe, {
 				activeId: "live",
 				label: e.segmentedLabel,
 				options: [
@@ -521,7 +521,7 @@ function ge() {
 					}
 				]
 			}),
-			/* @__PURE__ */ V(ae, {
+			/* @__PURE__ */ V(he, {
 				activeId: "portal",
 				tabs: [
 					{
@@ -538,7 +538,7 @@ function ge() {
 					}
 				]
 			}),
-			/* @__PURE__ */ V(de, {
+			/* @__PURE__ */ V(le, {
 				items: [
 					{
 						id: "wave",
@@ -555,13 +555,13 @@ function ge() {
 				],
 				label: e.radialLabel
 			}),
-			/* @__PURE__ */ V(me, {
+			/* @__PURE__ */ V(se, {
 				label: e.sliderLabel,
 				max: 100,
 				min: 0,
 				value: 68
 			}),
-			/* @__PURE__ */ V(ce, {
+			/* @__PURE__ */ V(ue, {
 				checked: !0,
 				label: e.toggleLabel
 			})
@@ -576,7 +576,7 @@ function _e() {
 		className: "game-ui-first-session-preview",
 		children: [/* @__PURE__ */ V("div", { className: "game-ui-first-session-world" }), /* @__PURE__ */ V("div", {
 			className: "game-ui-first-session-modal-slot",
-			children: /* @__PURE__ */ V(le, {
+			children: /* @__PURE__ */ V(de, {
 				open: !0,
 				onDismiss: () => void 0,
 				labels: {
@@ -614,25 +614,25 @@ function ve() {
 			title: e.formsTitle,
 			tone: "strong",
 			children: [
-				/* @__PURE__ */ V(v, {
+				/* @__PURE__ */ V(m, {
 					hint: e.roomCodeHint,
 					label: e.roomCodeLabel,
-					children: /* @__PURE__ */ V(f, { placeholder: e.roomCodePlaceholder })
+					children: /* @__PURE__ */ V(_, { placeholder: e.roomCodePlaceholder })
 				}),
-				/* @__PURE__ */ V(v, {
+				/* @__PURE__ */ V(m, {
 					label: e.nameLabel,
 					required: !0,
-					children: /* @__PURE__ */ V(f, { placeholder: e.namePlaceholder })
+					children: /* @__PURE__ */ V(_, { placeholder: e.namePlaceholder })
 				}),
-				/* @__PURE__ */ V(v, {
+				/* @__PURE__ */ V(m, {
 					error: e.readError,
 					label: e.readLabel,
-					children: /* @__PURE__ */ V(se, {
+					children: /* @__PURE__ */ V(ce, {
 						invalid: !0,
 						placeholder: e.readPlaceholder
 					})
 				}),
-				/* @__PURE__ */ V(ne, {
+				/* @__PURE__ */ V(re, {
 					defaultChecked: !0,
 					label: e.rememberLabel
 				})
@@ -644,38 +644,38 @@ function ve() {
 				/* @__PURE__ */ H("div", {
 					className: "game-ui-component-row",
 					children: [
-						/* @__PURE__ */ V(T, {
+						/* @__PURE__ */ V(j, {
 							name: "Mika Ono",
 							status: "online"
 						}),
-						/* @__PURE__ */ V(T, {
+						/* @__PURE__ */ V(j, {
 							name: "River",
 							size: "lg",
 							status: "busy"
 						}),
-						/* @__PURE__ */ V(T, {
+						/* @__PURE__ */ V(j, {
 							name: "Noa",
 							status: "away"
 						}),
-						/* @__PURE__ */ V(T, {
+						/* @__PURE__ */ V(j, {
 							name: e.guestName,
 							size: "sm"
 						})
 					]
 				}),
-				/* @__PURE__ */ V(x, {
+				/* @__PURE__ */ V(C, {
 					label: e.revealLabel,
 					showValue: !0,
 					value: 64
 				}),
-				/* @__PURE__ */ V(x, {
+				/* @__PURE__ */ V(C, {
 					label: e.batteryLabel,
 					max: 20,
 					showValue: !0,
 					value: 14
 				}),
-				/* @__PURE__ */ V(fe, {
-					action: /* @__PURE__ */ V(p, {
+				/* @__PURE__ */ V(ae, {
+					action: /* @__PURE__ */ V(k, {
 						variant: "primary",
 						children: e.emptyCta
 					}),
@@ -697,17 +697,17 @@ function q() {
 			"aria-label": "Flat world HUD preview",
 			className: "game-ui-stage-world",
 			children: [
-				/* @__PURE__ */ H(w, {
+				/* @__PURE__ */ H(g, {
 					label: e.tools,
-					children: [/* @__PURE__ */ V(O, {
+					children: [/* @__PURE__ */ V(E, {
 						label: e.history,
-						children: /* @__PURE__ */ V(k, {
+						children: /* @__PURE__ */ V(w, {
 							icon: "scroll",
 							size: "sm"
 						})
-					}), /* @__PURE__ */ V(O, {
+					}), /* @__PURE__ */ V(E, {
 						label: e.settings,
-						children: /* @__PURE__ */ V(k, {
+						children: /* @__PURE__ */ V(w, {
 							icon: "settings",
 							size: "sm"
 						})
@@ -732,10 +732,10 @@ function q() {
 				}),
 				/* @__PURE__ */ H("div", {
 					className: "game-ui-input-strip",
-					children: [/* @__PURE__ */ V(p, {
+					children: [/* @__PURE__ */ V(k, {
 						variant: "secondary",
 						children: e.emote
-					}), /* @__PURE__ */ V(p, {
+					}), /* @__PURE__ */ V(k, {
 						variant: "primary",
 						children: e.sendRead
 					})]
@@ -744,7 +744,7 @@ function q() {
 		}), /* @__PURE__ */ H("div", {
 			className: "game-ui-stage-sidecar",
 			children: [
-				/* @__PURE__ */ V(E, {
+				/* @__PURE__ */ V(S, {
 					badge: t.daily.badge,
 					icon: "scroll",
 					kicker: t.daily.kicker,
@@ -753,7 +753,7 @@ function q() {
 					title: t.daily.title,
 					tone: "daily"
 				}),
-				/* @__PURE__ */ V(E, {
+				/* @__PURE__ */ V(S, {
 					badge: t.portal.badge,
 					icon: "portal",
 					kicker: t.portal.kicker,
@@ -761,7 +761,7 @@ function q() {
 					title: t.portal.title,
 					tone: "portal"
 				}),
-				/* @__PURE__ */ V(E, {
+				/* @__PURE__ */ V(S, {
 					icon: "energy",
 					kicker: t.host.kicker,
 					summary: t.host.summary,
@@ -778,9 +778,9 @@ function ye() {
 	return /* @__PURE__ */ V("div", {
 		className: "game-ui-icon-grid",
 		"aria-label": "全部线条图标",
-		children: ie.map((e) => /* @__PURE__ */ H("figure", {
+		children: pe.map((e) => /* @__PURE__ */ H("figure", {
 			className: "game-ui-icon-cell",
-			children: [/* @__PURE__ */ V(k, {
+			children: [/* @__PURE__ */ V(w, {
 				icon: e,
 				size: "lg"
 			}), /* @__PURE__ */ V("figcaption", { children: e })]
@@ -807,11 +807,11 @@ function be() {
 					].map((t) => /* @__PURE__ */ H("div", {
 						className: "game-ui-liquid-showcase__pair",
 						children: [
-							/* @__PURE__ */ V(p, {
+							/* @__PURE__ */ V(k, {
 								variant: t,
 								children: t
 							}),
-							/* @__PURE__ */ V(p, {
+							/* @__PURE__ */ V(k, {
 								variant: t,
 								children: t
 							}),
@@ -830,11 +830,11 @@ function be() {
 					className: "game-ui-liquid-showcase__grid",
 					children: /* @__PURE__ */ H("div", {
 						className: "game-ui-liquid-showcase__pair",
-						children: [/* @__PURE__ */ V(p, {
+						children: [/* @__PURE__ */ V(k, {
 							disabled: !0,
 							variant: "primary",
 							children: "flat"
-						}), /* @__PURE__ */ V(p, {
+						}), /* @__PURE__ */ V(k, {
 							disabled: !0,
 							variant: "primary",
 							children: "liquid"
@@ -863,14 +863,14 @@ function xe() {
 	let { modals: e } = K();
 	return /* @__PURE__ */ H("div", {
 		className: "game-ui-preview-two-up",
-		children: [/* @__PURE__ */ H(oe, {
+		children: [/* @__PURE__ */ H(fe, {
 			title: e.dialogTitle,
-			children: [/* @__PURE__ */ V("p", { children: e.dialogBody }), /* @__PURE__ */ H(w, {
+			children: [/* @__PURE__ */ V("p", { children: e.dialogBody }), /* @__PURE__ */ H(g, {
 				label: e.actionsLabel,
-				children: [/* @__PURE__ */ V(p, {
+				children: [/* @__PURE__ */ V(k, {
 					variant: "primary",
 					children: e.confirm
-				}), /* @__PURE__ */ V(p, {
+				}), /* @__PURE__ */ V(k, {
 					variant: "ghost",
 					children: e.back
 				})]
@@ -879,16 +879,16 @@ function xe() {
 			title: e.panelTitle,
 			tone: "strong",
 			children: [
-				/* @__PURE__ */ V(D, {
+				/* @__PURE__ */ V(b, {
 					tone: "success",
 					children: e.toastOk
 				}),
-				/* @__PURE__ */ V(D, {
+				/* @__PURE__ */ V(b, {
 					tone: "danger",
 					children: e.toastErr
 				}),
-				/* @__PURE__ */ V(S, { label: e.loading }),
-				/* @__PURE__ */ V(S, {
+				/* @__PURE__ */ V(v, { label: e.loading }),
+				/* @__PURE__ */ V(v, {
 					label: e.loadingErr,
 					tone: "error"
 				})
@@ -906,23 +906,23 @@ function Se() {
 			className: [
 				"game-ui-stage-world",
 				"game-ui-overlay-glass-proof",
-				r ? A.scopeClass : void 0
+				r ? T.scopeClass : void 0
 			].filter(Boolean).join(" "),
 			...r ? {
-				[A.toneAttr]: A.toneGlass,
-				[A.densityAttr]: A.densityCompact
+				[T.toneAttr]: T.toneGlass,
+				[T.densityAttr]: T.densityCompact
 			} : {},
-			children: [/* @__PURE__ */ H(w, {
+			children: [/* @__PURE__ */ H(g, {
 				label: e.tools,
-				children: [/* @__PURE__ */ V(O, {
+				children: [/* @__PURE__ */ V(E, {
 					label: e.history,
-					children: /* @__PURE__ */ V(k, {
+					children: /* @__PURE__ */ V(w, {
 						icon: "scroll",
 						size: "sm"
 					})
-				}), /* @__PURE__ */ V(O, {
+				}), /* @__PURE__ */ V(E, {
 					label: e.settings,
-					children: /* @__PURE__ */ V(k, {
+					children: /* @__PURE__ */ V(w, {
 						icon: "settings",
 						size: "sm"
 					})
@@ -932,15 +932,15 @@ function Se() {
 				children: [/* @__PURE__ */ H("div", {
 					className: "game-ui-preview-actions",
 					children: [
-						/* @__PURE__ */ V(C, {
+						/* @__PURE__ */ V(A, {
 							tone: "ai",
 							children: t.aiBadge
 						}),
-						/* @__PURE__ */ V(C, {
+						/* @__PURE__ */ V(A, {
 							tone: "success",
 							children: t.readyBadge
 						}),
-						/* @__PURE__ */ V(x, {
+						/* @__PURE__ */ V(C, {
 							label: e.reveal,
 							value: 68
 						})
@@ -948,15 +948,15 @@ function Se() {
 				}), /* @__PURE__ */ H("div", {
 					className: "game-ui-input-strip",
 					children: [
-						/* @__PURE__ */ V(p, {
+						/* @__PURE__ */ V(k, {
 							variant: "secondary",
 							children: e.emote
 						}),
-						/* @__PURE__ */ V(p, {
+						/* @__PURE__ */ V(k, {
 							variant: "primary",
 							children: e.sendRead
 						}),
-						/* @__PURE__ */ V(p, {
+						/* @__PURE__ */ V(k, {
 							variant: "ghost",
 							children: t.leaveTable
 						})
@@ -978,14 +978,14 @@ function Se() {
 			children: [/* @__PURE__ */ H("header", { children: [/* @__PURE__ */ V("strong", { children: "Overlay glass + compact" }), /* @__PURE__ */ H("span", {
 				className: "game-ui-small-copy",
 				children: [
-					A.toneAttr,
+					T.toneAttr,
 					"=\"",
-					A.toneGlass,
+					T.toneGlass,
 					"\" ·",
 					" ",
-					A.densityAttr,
+					T.densityAttr,
 					"=\"",
-					A.densityCompact,
+					T.densityCompact,
 					"\""
 				]
 			})] }), n("glass")]
@@ -1000,10 +1000,10 @@ function Ce() {
 		className: "game-ui-proof-frames",
 		children: [/* @__PURE__ */ H("article", {
 			className: "game-ui-proof-frame is-desktop",
-			children: [/* @__PURE__ */ H("header", { children: [/* @__PURE__ */ V(C, { children: e.desktop }), /* @__PURE__ */ V("strong", { children: "1440×900" })] }), /* @__PURE__ */ V(q, {})]
+			children: [/* @__PURE__ */ H("header", { children: [/* @__PURE__ */ V(A, { children: e.desktop }), /* @__PURE__ */ V("strong", { children: "1440×900" })] }), /* @__PURE__ */ V(q, {})]
 		}), /* @__PURE__ */ H("article", {
 			className: "game-ui-proof-frame is-mobile-landscape",
-			children: [/* @__PURE__ */ H("header", { children: [/* @__PURE__ */ V(C, { children: e.mobileLandscape }), /* @__PURE__ */ V("strong", { children: "844×390" })] }), /* @__PURE__ */ V(q, {})]
+			children: [/* @__PURE__ */ H("header", { children: [/* @__PURE__ */ V(A, { children: e.mobileLandscape }), /* @__PURE__ */ V("strong", { children: "844×390" })] }), /* @__PURE__ */ V(q, {})]
 		})]
 	});
 }
@@ -1012,39 +1012,39 @@ function Ce() {
 var we = [
 	{
 		id: "semantic",
-		tokens: e
+		tokens: i
 	},
 	{
 		id: "typography",
-		tokens: t
+		tokens: r
 	},
 	{
 		id: "spacing",
-		tokens: ee
+		tokens: a
 	},
 	{
 		id: "radius",
-		tokens: a
+		tokens: e
 	},
 	{
 		id: "scrollbars",
-		tokens: i
+		tokens: f
 	},
 	{
 		id: "elevation",
-		tokens: d
+		tokens: c
 	},
 	{
 		id: "motion",
-		tokens: l
+		tokens: o
 	},
 	{
 		id: "overlayGlass",
-		tokens: c
+		tokens: te
 	},
 	{
 		id: "liquidGooey",
-		tokens: r
+		tokens: t
 	},
 	{
 		id: "layers",
@@ -1052,11 +1052,11 @@ var we = [
 	},
 	{
 		id: "targets",
-		tokens: te
+		tokens: s
 	},
 	{
 		id: "assetSizing",
-		tokens: s
+		tokens: ne
 	}
 ];
 function Te({ id: e, label: t, tokens: n }) {
@@ -1077,7 +1077,7 @@ function Ee() {
 	return /* @__PURE__ */ V("div", {
 		"aria-label": "Flat color swatches",
 		className: "game-ui-swatch-grid",
-		children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ H("figure", {
+		children: Object.entries(i).map(([e, t]) => /* @__PURE__ */ H("figure", {
 			className: "game-ui-swatch",
 			children: [/* @__PURE__ */ V("span", { style: { background: t } }), /* @__PURE__ */ H("figcaption", { children: [/* @__PURE__ */ V("strong", { children: e }), /* @__PURE__ */ V("code", { children: t })] })]
 		}, e))
@@ -1116,11 +1116,11 @@ function Oe({ title: e, body: t }) {
 				/* @__PURE__ */ H("header", {
 					className: "game-ui-preview-hero",
 					children: [
-						/* @__PURE__ */ V(C, {
+						/* @__PURE__ */ V(A, {
 							tone: "ai",
 							children: "@pieai/swimmer-ui-kit"
 						}),
-						/* @__PURE__ */ V(b, {
+						/* @__PURE__ */ V(h, {
 							currentLabel: i.triggerLabel,
 							label: i.langMenuLabel,
 							onSelect: (e) => r(e),
@@ -1185,13 +1185,13 @@ function Oe({ title: e, body: t }) {
 							className: "game-ui-preview-two-up",
 							children: [/* @__PURE__ */ H(y, {
 								title: n === "zh-CN" ? "普通主按钮" : "Ordinary primary action",
-								children: [/* @__PURE__ */ V(p, {
+								children: [/* @__PURE__ */ V(k, {
 									variant: "primary",
 									children: n === "zh-CN" ? "开始学习" : "Start learning"
 								}), /* @__PURE__ */ V("pre", { children: /* @__PURE__ */ V("code", { children: "<GameButton variant=\"primary\">Start learning</GameButton>" }) })]
 							}), /* @__PURE__ */ H(y, {
 								title: n === "zh-CN" ? "全宽液体主按钮" : "Full-width liquid CTA",
-								children: [/* @__PURE__ */ V(p, {
+								children: [/* @__PURE__ */ V(k, {
 									fullWidth: !0,
 									variant: "primary",
 									children: n === "zh-CN" ? "进入课程" : "Enter course"
@@ -1253,7 +1253,7 @@ function Oe({ title: e, body: t }) {
 						/* @__PURE__ */ V(ge, {}),
 						/* @__PURE__ */ V(q, {}),
 						/* @__PURE__ */ V(xe, {}),
-						/* @__PURE__ */ V(pe, {
+						/* @__PURE__ */ V(x, {
 							entries: i.history,
 							label: i.historyLabel
 						})
@@ -1458,7 +1458,7 @@ var X = {
 	ghost: "var(--game-ui-accent-pale)"
 };
 function Z({ form: e, engaged: t, fill: n = "var(--game-ui-accent)", style: r = Ae, radius: i = 999 }) {
-	return /* @__PURE__ */ V(_, {
+	return /* @__PURE__ */ V(me, {
 		active: t,
 		fill: n,
 		form: e,
@@ -1472,7 +1472,7 @@ function Z({ form: e, engaged: t, fill: n = "var(--game-ui-accent)", style: r =
 //#endregion
 //#region src/preview/LiquidPreview/GroupStage.tsx
 function je({ form: e, engaged: t, fill: n }) {
-	let r = g(e), i = re(e), a = {
+	let r = M(e), i = N(e), a = {
 		blur: r.blur,
 		contrast: r.contrast,
 		filterPadding: r.filterPadding,
@@ -1493,16 +1493,16 @@ function je({ form: e, engaged: t, fill: n }) {
 	});
 	if (e === "merge" || e === "split") {
 		let n = e === "merge" ? t ? 0 : 30 : t ? 32 : 0;
-		return /* @__PURE__ */ H(u, {
+		return /* @__PURE__ */ H(p, {
 			...a,
 			"aria-hidden": "true",
 			className: "game-ui-liquid-page__stage",
-			children: [/* @__PURE__ */ V(u.Item, {
+			children: [/* @__PURE__ */ V(p.Item, {
 				...o,
 				radius: 999,
 				x: -n,
 				children: /* @__PURE__ */ V("span", { style: s(46) })
-			}), /* @__PURE__ */ V(u.Item, {
+			}), /* @__PURE__ */ V(p.Item, {
 				...o,
 				radius: 999,
 				x: n,
@@ -1512,11 +1512,11 @@ function je({ form: e, engaged: t, fill: n }) {
 	}
 	if (e === "follow") return /* @__PURE__ */ H("span", {
 		className: "game-ui-liquid-page__rail",
-		children: [/* @__PURE__ */ V(u, {
+		children: [/* @__PURE__ */ V(p, {
 			...a,
 			"aria-hidden": "true",
 			className: "game-ui-liquid-page__stage",
-			children: /* @__PURE__ */ V(u.Item, {
+			children: /* @__PURE__ */ V(p.Item, {
 				...o,
 				radius: 14,
 				x: t ? 62 : -62,
@@ -1549,11 +1549,11 @@ function je({ form: e, engaged: t, fill: n }) {
 		[29, 9],
 		[50, -7]
 	], l = .24;
-	return /* @__PURE__ */ V(u, {
+	return /* @__PURE__ */ V(p, {
 		...a,
 		"aria-hidden": "true",
 		className: "game-ui-liquid-page__stage",
-		children: c.map(([e, n], r) => /* @__PURE__ */ F(u.Item, {
+		children: c.map(([e, n], r) => /* @__PURE__ */ F(p.Item, {
 			...o,
 			key: r,
 			delay: r * 40,
@@ -1566,7 +1566,7 @@ function je({ form: e, engaged: t, fill: n }) {
 //#endregion
 //#region src/preview/LiquidPreview/FormStage.tsx
 function Me({ form: e, engaged: t, fill: n }) {
-	return m[e].kind === "body" ? /* @__PURE__ */ V(Z, {
+	return O[e].kind === "body" ? /* @__PURE__ */ V(Z, {
 		engaged: t,
 		fill: n,
 		form: e
@@ -1579,13 +1579,13 @@ function Me({ form: e, engaged: t, fill: n }) {
 //#endregion
 //#region src/preview/LiquidPreview/Knobs.tsx
 function Q(e) {
-	return e === void 0 ? null : o(e).map((e) => {
+	return e === void 0 ? null : d(e).map((e) => {
 		let t = /(\d+(?:\.\d+)?)%/.exec(e.color)?.[1];
 		return `${e.y}/${e.blur}${t === void 0 ? "" : ` · ${t}%`}`;
 	}).join("  +  ");
 }
 function Ne({ form: e, copy: t }) {
-	let { blur: n, contrast: r, blob: i, lobes: a, gloss: o, shadow: s } = m[e].group, c = N(n, r), l = 2.5628 * n / c, u = Q(s), d = Q(s);
+	let { blur: n, contrast: r, blob: i, lobes: a, gloss: o, shadow: s } = O[e].group, c = l(n, r), u = 2.5628 * n / c, d = Q(s), f = Q(s);
 	return /* @__PURE__ */ H("dl", {
 		className: "game-ui-liquid-page__knobs",
 		children: [
@@ -1599,9 +1599,9 @@ function Ne({ form: e, copy: t }) {
 					"· ",
 					t.edgeNote,
 					" ",
-					l.toFixed(2),
+					u.toFixed(2),
 					"px",
-					c < r ? ` → ${j}px` : ""
+					c < r ? ` → ${ee}px` : ""
 				]
 			})] }),
 			/* @__PURE__ */ V("dt", { children: "blob" }),
@@ -1618,23 +1618,23 @@ function Ne({ form: e, copy: t }) {
 			/* @__PURE__ */ V("dt", { children: "gloss" }),
 			/* @__PURE__ */ V("dd", { children: o }),
 			/* @__PURE__ */ V("dt", { children: "shadow" }),
-			/* @__PURE__ */ H("dd", { children: [u ?? t.noShadow, u === null ? null : /* @__PURE__ */ V("span", {
+			/* @__PURE__ */ H("dd", { children: [d ?? t.noShadow, d === null ? null : /* @__PURE__ */ V("span", {
 				className: "game-ui-liquid-page__derived",
 				children: " · y/blur"
 			})] }),
-			d === null ? null : /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("dt", { children: t.engagedKnob }), /* @__PURE__ */ V("dd", { children: d })] })
+			f === null ? null : /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("dt", { children: t.engagedKnob }), /* @__PURE__ */ V("dd", { children: f })] })
 		]
 	});
 }
 //#endregion
 //#region src/preview/LiquidPreview/Shelf.tsx
 function $({ kind: e, copy: t, tone: n }) {
-	let [r, i] = Y(), a = h.filter((t) => m[t].kind === e), [o, s] = z(() => a[0]);
+	let [r, i] = Y(), a = D.filter((t) => O[t].kind === e), [o, s] = z(() => a[0]);
 	return /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("div", {
 		className: "game-ui-liquid-demo-controls",
 		role: "group",
 		"aria-label": e === "body" ? "单体形态" : "多体形态",
-		children: a.map((e) => /* @__PURE__ */ V(p, {
+		children: a.map((e) => /* @__PURE__ */ V(k, {
 			"aria-pressed": o === e,
 			onClick: () => s(e),
 			children: e
@@ -1658,9 +1658,9 @@ function $({ kind: e, copy: t, tone: n }) {
 					/* @__PURE__ */ V("h4", { children: e }),
 					/* @__PURE__ */ V("p", {
 						className: "game-ui-liquid-page__prose",
-						children: m[e].summary
+						children: O[e].summary
 					}),
-					/* @__PURE__ */ V(p, {
+					/* @__PURE__ */ V(k, {
 						onClick: () => i(e),
 						variant: "ghost",
 						children: e === "ripple" ? t.pulse : a ? t.reset : t.trigger
@@ -1677,12 +1677,12 @@ function $({ kind: e, copy: t, tone: n }) {
 //#endregion
 //#region src/preview/LiquidPreview/Sizes.tsx
 function Pe({ copy: e }) {
-	let [t, n] = Y(), r = h.filter((e) => m[e].kind === "body"), [i, a] = z("press"), o = (e, t) => Math.min(e, t * M).toFixed(2);
+	let [t, n] = Y(), r = D.filter((e) => O[e].kind === "body"), [i, a] = z("press"), o = (e, t) => Math.min(e, t * u).toFixed(2);
 	return /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("div", {
 		className: "game-ui-liquid-demo-controls",
 		role: "group",
 		"aria-label": "尺寸对照的形态",
-		children: r.map((e) => /* @__PURE__ */ V(p, {
+		children: r.map((e) => /* @__PURE__ */ V(k, {
 			"aria-pressed": i === e,
 			onClick: () => a(e),
 			children: e
@@ -1690,11 +1690,11 @@ function Pe({ copy: e }) {
 	}), /* @__PURE__ */ V("div", {
 		className: "game-ui-liquid-page__sizes",
 		children: r.filter((e) => e === i).map((r) => {
-			let i = t.has(r), { blob: a } = m[r].group;
+			let i = t.has(r), { blob: a } = O[r].group;
 			return /* @__PURE__ */ H(y, {
 				className: "game-ui-liquid-page__size-row",
 				tone: "strong",
-				children: [/* @__PURE__ */ H("header", { children: [/* @__PURE__ */ V("h4", { children: r }), /* @__PURE__ */ V(p, {
+				children: [/* @__PURE__ */ H("header", { children: [/* @__PURE__ */ V("h4", { children: r }), /* @__PURE__ */ V(k, {
 					onClick: () => n(r),
 					variant: "ghost",
 					children: r === "ripple" ? e.pulse : i ? e.reset : e.trigger
@@ -1744,7 +1744,7 @@ function Fe({ copy: e }) {
 		className: "game-ui-liquid-demo-controls",
 		role: "group",
 		"aria-label": "颜色对照",
-		children: J.map((e) => /* @__PURE__ */ V(p, {
+		children: J.map((e) => /* @__PURE__ */ V(k, {
 			"aria-pressed": t === e,
 			onClick: () => n(e),
 			children: e
@@ -1756,7 +1756,7 @@ function Fe({ copy: e }) {
 			tone: "strong",
 			children: [
 				/* @__PURE__ */ V("h4", { children: t }),
-				/* @__PURE__ */ V(p, {
+				/* @__PURE__ */ V(k, {
 					variant: t,
 					children: e.flat
 				}),
@@ -1765,7 +1765,7 @@ function Fe({ copy: e }) {
 					onPointerDown: () => i(t),
 					onPointerLeave: () => i(null),
 					onPointerUp: () => i(null),
-					children: /* @__PURE__ */ V(p, {
+					children: /* @__PURE__ */ V(k, {
 						variant: t,
 						children: e.liquid
 					})
@@ -1784,13 +1784,13 @@ function Ie({ copy: e }) {
 		title: e.rest,
 		children: [
 			/* @__PURE__ */ V("p", { children: "按住观察轮廓，松开回弹；文字和点击位置保持不动。" }),
-			/* @__PURE__ */ V(p, {
+			/* @__PURE__ */ V(k, {
 				variant: "primary",
 				disabled: t,
 				onClick: () => i((e) => e + 1),
 				children: e.liquid
 			}),
-			/* @__PURE__ */ V(p, {
+			/* @__PURE__ */ V(k, {
 				"aria-pressed": t,
 				onClick: () => n((e) => !e),
 				children: e.disabled
@@ -1815,11 +1815,11 @@ function Le() {
 			/* @__PURE__ */ H("header", {
 				className: "game-ui-preview-hero",
 				children: [
-					/* @__PURE__ */ V(C, {
+					/* @__PURE__ */ V(A, {
 						tone: "ai",
 						children: "@pieai/swimmer-ui-kit"
 					}),
-					/* @__PURE__ */ V(b, {
+					/* @__PURE__ */ V(h, {
 						currentLabel: o.triggerLabel,
 						label: o.langMenuLabel,
 						onSelect: (e) => t(e),
@@ -1862,7 +1862,7 @@ function Le() {
 							"tones",
 							"states",
 							"knobs"
-						].map((e) => /* @__PURE__ */ V(p, {
+						].map((e) => /* @__PURE__ */ V(k, {
 							"aria-pressed": n === e,
 							onClick: () => {
 								r(e), window.history.replaceState(null, "", `#liquid-${e}-title`);
@@ -1888,7 +1888,7 @@ function Le() {
 						className: "game-ui-liquid-page__tone-picker",
 						role: "group",
 						"aria-label": o.tonePicker,
-						children: [/* @__PURE__ */ V("span", { children: o.tonePicker }), J.map((e) => /* @__PURE__ */ V(p, {
+						children: [/* @__PURE__ */ V("span", { children: o.tonePicker }), J.map((e) => /* @__PURE__ */ V(k, {
 							"aria-pressed": i === e,
 							onClick: () => a(e),
 							variant: "secondary",