@pieai/swimmer-ui-kit 3.0.0 → 3.1.0

package/dist/liquid-effects.js

@@ -1,6 +1,5 @@
 "use client";
-import { a as e, c as t, f as n, n as r, o as i, r as a, s as o } from "./LiquidGroup-BXw1tv9H.js";
-import { l as s, v as c, x as l, y as u } from "./reducedMotion-B8kv-v64.js";
+import { C as e, D as t, b as n, c as r, d as i, l as a, m as o, n as s, r as c, u as l, x as u } from "./LiquidGroup-RTK_Uvgw.js";
 import { createContext as d, forwardRef as f, useCallback as p, useContext as m, useEffect as h, useId as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b } from "react";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/liquid-effects/melt/options.ts
@@ -40,10 +39,10 @@ function E(e, t = 0, n = 1) {
 function D(e, t) {
 	return e !== void 0 && Number.isFinite(e) ? e : t;
 }
-function O(e, t, r) {
+function O(e, n, r) {
 	let i = e?.ownerDocument.defaultView;
 	if (!i) return r;
-	let a = n[t], o = /^var\((--[\w-]+)\)$/.exec(a)?.[1];
+	let a = t[n], o = /^var\((--[\w-]+)\)$/.exec(a)?.[1];
 	if (!o) return r;
 	let s = Number.parseFloat(i.getComputedStyle(e).getPropertyValue(o));
 	return Number.isFinite(s) ? s : r;
@@ -326,12 +325,12 @@ var re = class {
 	releaseClaim() {
 		this.claimed &&= (u(), !1);
 	}
-	ensureClaim(e, t, n) {
+	ensureClaim(t, r, i) {
 		if (this.claimed) return !0;
-		if (!l(q(e, t, n))) {
+		if (!e(q(t, r, i))) {
 			if (!this.budgetWarningEmitted) {
 				this.budgetWarningEmitted = !0;
-				let e = c(), t = e.activeGroups >= e.maxAnimatedGroups ? "the active-group limit is reached" : "the filter-area limit is exceeded";
+				let e = n(), t = e.activeGroups >= e.maxAnimatedGroups ? "the active-group limit is reached" : "the filter-area limit is exceeded";
 				console.warn(`LiquidGroup: the Melt/dissolve image filter budget is insufficient (${t}); degrading to crisp imagery for this group.`);
 			}
 			return !1;
@@ -1116,20 +1115,20 @@ function Z() {
 }
 //#endregion
 //#region src/liquid-effects/bend/physics.ts
-function Q(n, r) {
+function Q(e, t) {
 	return {
-		vertical: e(i(r?.vertical, t(n, "bendVertical", .6))),
-		horizontal: e(i(r?.horizontal, t(n, "bendHorizontal", .35))),
-		velocityVertical: Math.max(0, t(n, "bendVelocityVertical", .05)),
-		velocityHorizontal: Math.max(0, t(n, "bendVelocityHorizontal", .09)),
-		smoothing: Math.max(0, t(n, "bendSmoothing", 9)),
-		activeThreshold: Math.max(0, t(n, "bendActiveThreshold", .5)),
-		verticalCap: Math.max(0, t(n, "bendVerticalCap", .5)),
-		horizontalCap: Math.max(0, t(n, "bendHorizontalCap", .9)),
-		radiusMin: Math.max(0, t(n, "bendRadiusMin", .2)),
-		radiusMax: Math.max(0, t(n, "bendRadiusMax", 3)),
-		leadingCapFactor: Math.max(0, t(n, "bendLeadingCapFactor", .8)),
-		trailingCapFactor: Math.max(0, t(n, "bendTrailingCapFactor", 1.6))
+		vertical: r(a(t?.vertical, i(e, "bendVertical", .6))),
+		horizontal: r(a(t?.horizontal, i(e, "bendHorizontal", .35))),
+		velocityVertical: Math.max(0, i(e, "bendVelocityVertical", .05)),
+		velocityHorizontal: Math.max(0, i(e, "bendVelocityHorizontal", .09)),
+		smoothing: Math.max(0, i(e, "bendSmoothing", 9)),
+		activeThreshold: Math.max(0, i(e, "bendActiveThreshold", .5)),
+		verticalCap: Math.max(0, i(e, "bendVerticalCap", .5)),
+		horizontalCap: Math.max(0, i(e, "bendHorizontalCap", .9)),
+		radiusMin: Math.max(0, i(e, "bendRadiusMin", .2)),
+		radiusMax: Math.max(0, i(e, "bendRadiusMax", 3)),
+		leadingCapFactor: Math.max(0, i(e, "bendLeadingCapFactor", .8)),
+		trailingCapFactor: Math.max(0, i(e, "bendTrailingCapFactor", 1.6))
 	};
 }
 function se(e, t, n, r, i, a) {
@@ -1155,20 +1154,20 @@ function le(e, t) {
 function ue(e, t) {
 	return Math.min(e.w, e.h) * t.verticalCap * 2 * t.vertical;
 }
-function de(e, t, n, r, a) {
-	let c = Math.max(1 / 240, i(r, 1 / 60));
+function de(e, t, n, r, i) {
+	let s = Math.max(1 / 240, a(r, 1 / 60));
 	e.initialized ||= (e.previousCx = t.cx, e.previousCy = t.cy, !0);
-	let l = (t.cx - e.previousCx) / c, u = (t.cy - e.previousCy) / c;
-	e.previousCx = t.cx, e.previousCy = t.cy, e.vcx = e.vcx * .7 + l * .3, e.vcy = e.vcy * .7 + u * .3, e.cx = t.cx, e.cy = t.cy;
-	let d = Math.min(n.w, n.h), f = d * a.verticalCap, p = Math.max(-f, Math.min(f, e.vcy * a.velocityVertical)) * a.vertical, m = d * a.horizontalCap, h = Math.max(-m, Math.min(m, e.vcx * a.velocityHorizontal)) * a.horizontal;
-	e.bendY += (p - e.bendY) * Math.min(1, c * a.smoothing), e.bendX += (h - e.bendX) * Math.min(1, c * a.smoothing);
-	let g = Math.abs(e.bendY) > a.activeThreshold || Math.abs(e.bendX) > a.activeThreshold, _ = Math.min(...n.r), v = g ? se(n.w, n.h, _, e.bendY, e.bendX, a) : s(-n.w / 2, -n.h / 2, n.w, n.h, n.r), y = g ? `translate(${o(e.cx - n.w / 2)} ${o(e.cy - n.h / 2)}) scale(${o(t.scale)})` : `translate(${o(e.cx)} ${o(e.cy)}) scale(${o(t.scale)})`, b = Math.round(e.bendX * 10) / 10, x = Math.round(e.bendY * 10) / 10;
+	let c = (t.cx - e.previousCx) / s, u = (t.cy - e.previousCy) / s;
+	e.previousCx = t.cx, e.previousCy = t.cy, e.vcx = e.vcx * .7 + c * .3, e.vcy = e.vcy * .7 + u * .3, e.cx = t.cx, e.cy = t.cy;
+	let d = Math.min(n.w, n.h), f = d * i.verticalCap, p = Math.max(-f, Math.min(f, e.vcy * i.velocityVertical)) * i.vertical, m = d * i.horizontalCap, h = Math.max(-m, Math.min(m, e.vcx * i.velocityHorizontal)) * i.horizontal;
+	e.bendY += (p - e.bendY) * Math.min(1, s * i.smoothing), e.bendX += (h - e.bendX) * Math.min(1, s * i.smoothing);
+	let g = Math.abs(e.bendY) > i.activeThreshold || Math.abs(e.bendX) > i.activeThreshold, _ = Math.min(...n.r), v = g ? se(n.w, n.h, _, e.bendY, e.bendX, i) : o(-n.w / 2, -n.h / 2, n.w, n.h, n.r), y = g ? `translate(${l(e.cx - n.w / 2)} ${l(e.cy - n.h / 2)}) scale(${l(t.scale)})` : `translate(${l(e.cx)} ${l(e.cy)}) scale(${l(t.scale)})`, b = Math.round(e.bendX * 10) / 10, x = Math.round(e.bendY * 10) / 10;
 	return {
 		path: v,
 		transform: y,
 		bendX: b,
 		bendY: x,
-		moving: Math.abs(e.vcx) > 1 || Math.abs(e.vcy) > 1 || Math.abs(e.bendX) > a.activeThreshold * .1 || Math.abs(e.bendY) > a.activeThreshold * .1,
+		moving: Math.abs(e.vcx) > 1 || Math.abs(e.vcy) > 1 || Math.abs(e.bendX) > i.activeThreshold * .1 || Math.abs(e.bendY) > i.activeThreshold * .1,
 		fingerprint: `${v}|${y}|${b},${x}`
 	};
 }
@@ -1249,10 +1248,10 @@ function me(e) {
 }
 //#endregion
 //#region src/liquid-effects/LiquidEffectsGroup/LiquidEffectsItem.tsx
-var he = f(function({ effect: e, bend: t, dissolve: n, melt: r, ...i }, o) {
-	let s = Z(), c = y(null), l = y(null), u = p((e) => {
-		c.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
-	}, [o]), d = t?.horizontal, f = t?.vertical, m = v(() => e === "bend" ? fe({
+var he = f(function({ effect: e, bend: t, dissolve: n, melt: r, ...i }, a) {
+	let o = Z(), s = y(null), l = y(null), u = p((e) => {
+		s.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+	}, [a]), d = t?.horizontal, f = t?.vertical, m = v(() => e === "bend" ? fe({
 		...d === void 0 ? {} : { horizontal: d },
 		...f === void 0 ? {} : { vertical: f }
 	}) : void 0, [
@@ -1262,20 +1261,20 @@ var he = f(function({ effect: e, bend: t, dissolve: n, melt: r, ...i }, o) {
 	]), g = JSON.stringify(n ?? null), b = n !== void 0 && n !== !1;
 	return _(() => () => {
 		l.current?.unregister(), l.current = null;
-	}, [s]), _(() => {
+	}, [o]), _(() => {
 		if (e === "move" || !b) {
 			l.current?.unregister(), l.current = null;
 			return;
 		}
-		c.current && (l.current ? l.current.update(n) : l.current = I(s, c.current, n));
+		s.current && (l.current ? l.current.update(n) : l.current = I(o, s.current, n));
 	}, [
 		g,
 		e,
-		s
+		o
 	]), h(() => {
 		let t = e;
 		t === "move" && console.warn("[swimmer-ui] effect=\"move\" is not an item effect. Use <LiquidGroup motion=\"follow\"> for selection and progress."), t === "move" && b && console.warn("[swimmer-ui] dissolve is ignored for effect=\"move\" because Move intentionally lags the measured image rect.");
-	}, [e, b]), /* @__PURE__ */ S(a, {
+	}, [e, b]), /* @__PURE__ */ S(c, {
 		...i,
 		ref: u,
 		...e === "morph" ? { effect: e } : {},
@@ -1304,7 +1303,7 @@ var he = f(function({ effect: e, bend: t, dissolve: n, melt: r, ...i }, o) {
 	let n = v(() => F(), []);
 	return /* @__PURE__ */ S(X.Provider, {
 		value: n,
-		children: /* @__PURE__ */ S(r, {
+		children: /* @__PURE__ */ S(s, {
 			...e,
 			ref: t,
 			auxiliary: (e) => /* @__PURE__ */ S(oe, {

package/dist/liquid-presence.d.ts

@@ -3,6 +3,54 @@ import { Placement } from '@floating-ui/react';
 import { ReactNode } from 'react';
 import { RefObject } from 'react';
 
+/**
+ * A presentation-only account menu. The product owns the user, the product
+ * list, the destinations and sign-out; this component never fetches or stores.
+ */
+export declare function GameAccountMenu({ user, labels, site, products, accountHref, onSignOut, signingOut, defaultTab, className, }: GameAccountMenuProps): ReactNode;
+
+export declare interface GameAccountMenuLabels {
+    /** Accessible name of the trigger, final string from the product, e.g. "账号：小鱼". */
+    trigger: string;
+    /** First tab: the current product's own content, usually the product name. */
+    siteTab: string;
+    productsTab: string;
+    accountTab: string;
+    /** Badge on the current product. */
+    current: string;
+    manage: string;
+    signOut: string;
+}
+
+export declare interface GameAccountMenuProps {
+    user: {
+        name: string;
+        email?: string;
+        avatarUrl?: string;
+    };
+    labels: GameAccountMenuLabels;
+    /** Product-owned content for the first tab; the tab is omitted when absent. */
+    site?: ReactNode;
+    /** All products; the tab is omitted when empty. */
+    products?: readonly GameAccountProduct[];
+    /** The account center page (security, profile, sign out everywhere). */
+    accountHref: string;
+    onSignOut: () => void | Promise<void>;
+    /** True while the product signs out; the button shows the pending state. */
+    signingOut?: boolean;
+    defaultTab?: 'site' | 'products' | 'account';
+    className?: string;
+}
+
+export declare interface GameAccountProduct {
+    id: string;
+    name: string;
+    description?: string;
+    href: string;
+    /** The product that is showing this menu. It is not a link. */
+    current?: boolean;
+}
+
 /** Positions an outlet beside a host-owned body, never positions the body itself.
  * Reuses Floating UI and the source's native dialog; no second modal manager. */
 export declare function LiquidAnchor({ source, children, placement, onBoundsChange, }: LiquidAnchorProps): JSX.Element | null;