@pieai/swimmer-ui-kit 3.2.0 → 3.2.1

package/dist/preview.js

@@ -1,6 +1,6 @@
 "use client";
 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-BtBb8NEw.js";
+import { C as m, E as h, S as g, T as re, _ as ie, a as _, b as v, c as ae, d as y, g as oe, h as se, i as b, l as x, m as ce, n as S, o as le, r as ue, s as de, t as C, u as w, v as fe, w as T, x as pe, y as E } from "./GameStageTile-BdG3tMV-.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-Cs5KVYFf.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";
@@ -435,7 +435,7 @@ var U = [
 //#region src/preview/GameUiPreview/sections/ButtonStates.tsx
 function ge() {
 	let { buttons: e } = K();
-	return /* @__PURE__ */ H(y, {
+	return /* @__PURE__ */ H(b, {
 		title: e.panelTitle,
 		tone: "strong",
 		children: [
@@ -472,19 +472,19 @@ function ge() {
 			/* @__PURE__ */ H("div", {
 				className: "game-ui-component-row",
 				children: [
-					/* @__PURE__ */ V(ie, {
+					/* @__PURE__ */ V(ae, {
 						label: e.settingsTip,
-						children: /* @__PURE__ */ V(E, {
+						children: /* @__PURE__ */ V(m, {
 							label: e.settingsTip,
-							children: /* @__PURE__ */ V(w, {
+							children: /* @__PURE__ */ V(v, {
 								icon: "settings",
 								size: "sm"
 							})
 						})
 					}),
-					/* @__PURE__ */ V(E, {
+					/* @__PURE__ */ V(m, {
 						label: e.copyInvite,
-						children: /* @__PURE__ */ V(w, {
+						children: /* @__PURE__ */ V(v, {
 							icon: "copy",
 							size: "sm"
 						})
@@ -503,7 +503,7 @@ function ge() {
 					})
 				]
 			}),
-			/* @__PURE__ */ V(oe, {
+			/* @__PURE__ */ V(fe, {
 				activeId: "live",
 				label: e.segmentedLabel,
 				options: [
@@ -538,7 +538,7 @@ function ge() {
 					}
 				]
 			}),
-			/* @__PURE__ */ V(le, {
+			/* @__PURE__ */ V(S, {
 				items: [
 					{
 						id: "wave",
@@ -555,13 +555,13 @@ function ge() {
 				],
 				label: e.radialLabel
 			}),
-			/* @__PURE__ */ V(se, {
+			/* @__PURE__ */ V(ie, {
 				label: e.sliderLabel,
 				max: 100,
 				min: 0,
 				value: 68
 			}),
-			/* @__PURE__ */ V(ue, {
+			/* @__PURE__ */ V(se, {
 				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(de, {
+			children: /* @__PURE__ */ V(ue, {
 				open: !0,
 				onDismiss: () => void 0,
 				labels: {
@@ -610,24 +610,24 @@ function ve() {
 	let { forms: e } = K();
 	return /* @__PURE__ */ H("div", {
 		className: "game-ui-preview-two-up",
-		children: [/* @__PURE__ */ H(y, {
+		children: [/* @__PURE__ */ H(b, {
 			title: e.formsTitle,
 			tone: "strong",
 			children: [
-				/* @__PURE__ */ V(m, {
+				/* @__PURE__ */ V(T, {
 					hint: e.roomCodeHint,
 					label: e.roomCodeLabel,
-					children: /* @__PURE__ */ V(_, { placeholder: e.roomCodePlaceholder })
+					children: /* @__PURE__ */ V(g, { placeholder: e.roomCodePlaceholder })
 				}),
-				/* @__PURE__ */ V(m, {
+				/* @__PURE__ */ V(T, {
 					label: e.nameLabel,
 					required: !0,
-					children: /* @__PURE__ */ V(_, { placeholder: e.namePlaceholder })
+					children: /* @__PURE__ */ V(g, { placeholder: e.namePlaceholder })
 				}),
-				/* @__PURE__ */ V(m, {
+				/* @__PURE__ */ V(T, {
 					error: e.readError,
 					label: e.readLabel,
-					children: /* @__PURE__ */ V(ce, {
+					children: /* @__PURE__ */ V(oe, {
 						invalid: !0,
 						placeholder: e.readPlaceholder
 					})
@@ -637,7 +637,7 @@ function ve() {
 					label: e.rememberLabel
 				})
 			]
-		}), /* @__PURE__ */ H(y, {
+		}), /* @__PURE__ */ H(b, {
 			title: e.displayTitle,
 			tone: "strong",
 			children: [
@@ -663,18 +663,18 @@ function ve() {
 						})
 					]
 				}),
-				/* @__PURE__ */ V(C, {
+				/* @__PURE__ */ V(w, {
 					label: e.revealLabel,
 					showValue: !0,
 					value: 64
 				}),
-				/* @__PURE__ */ V(C, {
+				/* @__PURE__ */ V(w, {
 					label: e.batteryLabel,
 					max: 20,
 					showValue: !0,
 					value: 14
 				}),
-				/* @__PURE__ */ V(ae, {
+				/* @__PURE__ */ V(ce, {
 					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(g, {
+				/* @__PURE__ */ H(_, {
 					label: e.tools,
-					children: [/* @__PURE__ */ V(E, {
+					children: [/* @__PURE__ */ V(m, {
 						label: e.history,
-						children: /* @__PURE__ */ V(w, {
+						children: /* @__PURE__ */ V(v, {
 							icon: "scroll",
 							size: "sm"
 						})
-					}), /* @__PURE__ */ V(E, {
+					}), /* @__PURE__ */ V(m, {
 						label: e.settings,
-						children: /* @__PURE__ */ V(w, {
+						children: /* @__PURE__ */ V(v, {
 							icon: "settings",
 							size: "sm"
 						})
@@ -744,7 +744,7 @@ function q() {
 		}), /* @__PURE__ */ H("div", {
 			className: "game-ui-stage-sidecar",
 			children: [
-				/* @__PURE__ */ V(S, {
+				/* @__PURE__ */ V(C, {
 					badge: t.daily.badge,
 					icon: "scroll",
 					kicker: t.daily.kicker,
@@ -753,7 +753,7 @@ function q() {
 					title: t.daily.title,
 					tone: "daily"
 				}),
-				/* @__PURE__ */ V(S, {
+				/* @__PURE__ */ V(C, {
 					badge: t.portal.badge,
 					icon: "portal",
 					kicker: t.portal.kicker,
@@ -761,7 +761,7 @@ function q() {
 					title: t.portal.title,
 					tone: "portal"
 				}),
-				/* @__PURE__ */ V(S, {
+				/* @__PURE__ */ V(C, {
 					icon: "energy",
 					kicker: t.host.kicker,
 					summary: t.host.summary,
@@ -780,7 +780,7 @@ function ye() {
 		"aria-label": "全部线条图标",
 		children: pe.map((e) => /* @__PURE__ */ H("figure", {
 			className: "game-ui-icon-cell",
-			children: [/* @__PURE__ */ V(w, {
+			children: [/* @__PURE__ */ V(v, {
 				icon: e,
 				size: "lg"
 			}), /* @__PURE__ */ V("figcaption", { children: e })]
@@ -794,7 +794,7 @@ function be() {
 	return /* @__PURE__ */ H("div", {
 		className: "game-ui-liquid-showcase",
 		children: [
-			/* @__PURE__ */ V(y, {
+			/* @__PURE__ */ V(b, {
 				title: e.surfacesTitle,
 				tone: "strong",
 				children: /* @__PURE__ */ V("div", {
@@ -820,7 +820,7 @@ function be() {
 					}, t))
 				})
 			}),
-			/* @__PURE__ */ H(y, {
+			/* @__PURE__ */ H(b, {
 				title: e.disabledTitle,
 				tone: "strong",
 				children: [/* @__PURE__ */ V("p", {
@@ -842,7 +842,7 @@ function be() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ H(y, {
+			/* @__PURE__ */ H(b, {
 				title: e.moreTitle,
 				tone: "strong",
 				children: [/* @__PURE__ */ V("p", {
@@ -863,9 +863,9 @@ function xe() {
 	let { modals: e } = K();
 	return /* @__PURE__ */ H("div", {
 		className: "game-ui-preview-two-up",
-		children: [/* @__PURE__ */ H(fe, {
+		children: [/* @__PURE__ */ H(de, {
 			title: e.dialogTitle,
-			children: [/* @__PURE__ */ V("p", { children: e.dialogBody }), /* @__PURE__ */ H(g, {
+			children: [/* @__PURE__ */ V("p", { children: e.dialogBody }), /* @__PURE__ */ H(_, {
 				label: e.actionsLabel,
 				children: [/* @__PURE__ */ V(k, {
 					variant: "primary",
@@ -875,20 +875,20 @@ function xe() {
 					children: e.back
 				})]
 			})]
-		}), /* @__PURE__ */ H(y, {
+		}), /* @__PURE__ */ H(b, {
 			title: e.panelTitle,
 			tone: "strong",
 			children: [
-				/* @__PURE__ */ V(b, {
+				/* @__PURE__ */ V(x, {
 					tone: "success",
 					children: e.toastOk
 				}),
-				/* @__PURE__ */ V(b, {
+				/* @__PURE__ */ V(x, {
 					tone: "danger",
 					children: e.toastErr
 				}),
-				/* @__PURE__ */ V(v, { label: e.loading }),
-				/* @__PURE__ */ V(v, {
+				/* @__PURE__ */ V(y, { label: e.loading }),
+				/* @__PURE__ */ V(y, {
 					label: e.loadingErr,
 					tone: "error"
 				})
@@ -906,28 +906,28 @@ function Se() {
 			className: [
 				"game-ui-stage-world",
 				"game-ui-overlay-glass-proof",
-				r ? T.scopeClass : void 0
+				r ? h.scopeClass : void 0
 			].filter(Boolean).join(" "),
 			...r ? {
-				[T.toneAttr]: T.toneGlass,
-				[T.densityAttr]: T.densityCompact
+				[h.toneAttr]: h.toneGlass,
+				[h.densityAttr]: h.densityCompact
 			} : {},
-			children: [/* @__PURE__ */ H(g, {
+			children: [/* @__PURE__ */ H(_, {
 				label: e.tools,
-				children: [/* @__PURE__ */ V(E, {
+				children: [/* @__PURE__ */ V(m, {
 					label: e.history,
-					children: /* @__PURE__ */ V(w, {
+					children: /* @__PURE__ */ V(v, {
 						icon: "scroll",
 						size: "sm"
 					})
-				}), /* @__PURE__ */ V(E, {
+				}), /* @__PURE__ */ V(m, {
 					label: e.settings,
-					children: /* @__PURE__ */ V(w, {
+					children: /* @__PURE__ */ V(v, {
 						icon: "settings",
 						size: "sm"
 					})
 				})]
-			}), /* @__PURE__ */ H(y, {
+			}), /* @__PURE__ */ H(b, {
 				title: t.panelTitle,
 				children: [/* @__PURE__ */ H("div", {
 					className: "game-ui-preview-actions",
@@ -940,7 +940,7 @@ function Se() {
 							tone: "success",
 							children: t.readyBadge
 						}),
-						/* @__PURE__ */ V(C, {
+						/* @__PURE__ */ V(w, {
 							label: e.reveal,
 							value: 68
 						})
@@ -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: [
-					T.toneAttr,
+					h.toneAttr,
 					"=\"",
-					T.toneGlass,
+					h.toneGlass,
 					"\" ·",
 					" ",
-					T.densityAttr,
+					h.densityAttr,
 					"=\"",
-					T.densityCompact,
+					h.densityCompact,
 					"\""
 				]
 			})] }), n("glass")]
@@ -1120,7 +1120,7 @@ function Oe({ title: e, body: t }) {
 							tone: "ai",
 							children: "@pieai/swimmer-ui-kit"
 						}),
-						/* @__PURE__ */ V(h, {
+						/* @__PURE__ */ V(E, {
 							currentLabel: i.triggerLabel,
 							label: i.langMenuLabel,
 							onSelect: (e) => r(e),
@@ -1183,13 +1183,13 @@ function Oe({ title: e, body: t }) {
 						}),
 						/* @__PURE__ */ H("div", {
 							className: "game-ui-preview-two-up",
-							children: [/* @__PURE__ */ H(y, {
+							children: [/* @__PURE__ */ H(b, {
 								title: n === "zh-CN" ? "普通主按钮" : "Ordinary primary action",
 								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, {
+							}), /* @__PURE__ */ H(b, {
 								title: n === "zh-CN" ? "全宽液体主按钮" : "Full-width liquid CTA",
 								children: [/* @__PURE__ */ V(k, {
 									fullWidth: !0,
@@ -1253,7 +1253,7 @@ function Oe({ title: e, body: t }) {
 						/* @__PURE__ */ V(ge, {}),
 						/* @__PURE__ */ V(q, {}),
 						/* @__PURE__ */ V(xe, {}),
-						/* @__PURE__ */ V(x, {
+						/* @__PURE__ */ V(le, {
 							entries: i.history,
 							label: i.historyLabel
 						})
@@ -1643,7 +1643,7 @@ function $({ kind: e, copy: t, tone: n }) {
 		className: "game-ui-liquid-page__shelf",
 		children: a.filter((e) => e === o).map((e) => {
 			let a = r.has(e);
-			return /* @__PURE__ */ H(y, {
+			return /* @__PURE__ */ H(b, {
 				className: "game-ui-liquid-page__tile",
 				tone: "strong",
 				children: [
@@ -1691,7 +1691,7 @@ function Pe({ copy: e }) {
 		className: "game-ui-liquid-page__sizes",
 		children: r.filter((e) => e === i).map((r) => {
 			let i = t.has(r), { blob: a } = O[r].group;
-			return /* @__PURE__ */ H(y, {
+			return /* @__PURE__ */ H(b, {
 				className: "game-ui-liquid-page__size-row",
 				tone: "strong",
 				children: [/* @__PURE__ */ H("header", { children: [/* @__PURE__ */ V("h4", { children: r }), /* @__PURE__ */ V(k, {
@@ -1751,7 +1751,7 @@ function Fe({ copy: e }) {
 		}, e))
 	}), /* @__PURE__ */ V("div", {
 		className: "game-ui-liquid-page__tones",
-		children: J.filter((e) => e === t).map((t) => /* @__PURE__ */ H(y, {
+		children: J.filter((e) => e === t).map((t) => /* @__PURE__ */ H(b, {
 			className: "game-ui-liquid-page__tone",
 			tone: "strong",
 			children: [
@@ -1779,7 +1779,7 @@ function Fe({ copy: e }) {
 //#region src/preview/LiquidPreview/States.tsx
 function Ie({ copy: e }) {
 	let [t, n] = z(!1), [r, i] = z(0);
-	return /* @__PURE__ */ H(y, {
+	return /* @__PURE__ */ H(b, {
 		className: "game-ui-liquid-page__states",
 		title: e.rest,
 		children: [
@@ -1819,7 +1819,7 @@ function Le() {
 						tone: "ai",
 						children: "@pieai/swimmer-ui-kit"
 					}),
-					/* @__PURE__ */ V(h, {
+					/* @__PURE__ */ V(E, {
 						currentLabel: o.triggerLabel,
 						label: o.langMenuLabel,
 						onSelect: (e) => t(e),