@momoyu-ink/kit 0.10.0 → 0.10.1

package/dist/{jsx-dev-runtime-gGlb6FbX.d.mts → jsx-dev-runtime-x1NET2hA.d.mts}

@@ -284,6 +284,136 @@ type ShaderCommand = {
     subCommand: 'reset';
 };
 
+type OverlayDialog = 'friends' | 'community' | 'players' | 'settings' | 'officialGameGroup' | 'stats' | 'achievements';
+
+type OverlayNotificationPosition = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+
+type OverlayStoreFlag = 'none' | 'addToCart' | 'addToCartAndShow';
+
+type TimelinePossibleClip = 'none' | 'standard' | 'featured';
+
+type SteamCommand = {
+    subCommand: 'achievementSet';
+    name: string;
+} | {
+    subCommand: 'achievementClear';
+    name: string;
+} | {
+    subCommand: 'achievementClearAll';
+} | {
+    subCommand: 'achievementGet';
+    name: string;
+} | {
+    subCommand: 'achievementIndicateProgress';
+    name: string;
+    current: number;
+    max: number;
+} | {
+    subCommand: 'appsDlcInstalled';
+    appId: number;
+} | {
+    subCommand: 'appsDlcProgress';
+    appId: number;
+} | {
+    subCommand: 'appsGetAppBuildId';
+} | {
+    subCommand: 'appsGetCurrentBetaName';
+} | {
+    subCommand: 'appsGetCurrentGameLanguage';
+} | {
+    subCommand: 'appsGetSteamUiLanguage';
+} | {
+    subCommand: 'appsInstallDlc';
+    appId: number;
+} | {
+    subCommand: 'appsIsSubscribedApp';
+    appId: number;
+} | {
+    subCommand: 'appsUninstallDlc';
+    appId: number;
+} | {
+    subCommand: 'overlayActivate';
+    dialog: OverlayDialog;
+} | {
+    subCommand: 'overlayActivateToStore';
+    appId: number;
+    flag?: OverlayStoreFlag;
+} | {
+    subCommand: 'overlayActivateToWebPage';
+    url: string;
+} | {
+    subCommand: 'overlayIsEnabled';
+} | {
+    subCommand: 'overlayNeedsPresent';
+} | {
+    subCommand: 'overlaySetNotificationPosition';
+    position: OverlayNotificationPosition;
+} | {
+    subCommand: 'statsClearAchievement';
+    name: string;
+} | {
+    subCommand: 'statsGetAchievement';
+    name: string;
+} | {
+    subCommand: 'statsGetFloatStat';
+    name: string;
+} | {
+    subCommand: 'statsGetIntStat';
+    name: string;
+} | {
+    subCommand: 'statsSetAchievement';
+    name: string;
+} | {
+    subCommand: 'statsIndicateAchievementProgress';
+    name: string;
+    current: number;
+    max: number;
+} | {
+    subCommand: 'statsListAchievements';
+} | {
+    subCommand: 'statsSetFloatStat';
+    name: string;
+    value: number;
+} | {
+    subCommand: 'statsSetIntStat';
+    name: string;
+    value: number;
+} | {
+    subCommand: 'statsStoreStats';
+} | {
+    subCommand: 'timelineAddEvent';
+    icon: string;
+    title: string;
+    description: string;
+    priority?: number;
+    startOffsetSeconds?: number;
+    durationSeconds?: number;
+    possibleClip?: TimelinePossibleClip;
+} | {
+    subCommand: 'timelineClearStateDescription';
+    timeDeltaSeconds?: number;
+} | {
+    subCommand: 'timelineSetStateDescription';
+    description: string;
+    timeDeltaSeconds?: number;
+} | {
+    subCommand: 'userGetAccountId';
+} | {
+    subCommand: 'userGetCSteamId';
+} | {
+    subCommand: 'userGetGameBadgeLevel';
+    series: number;
+    foil: boolean;
+} | {
+    subCommand: 'userGetPersonaName';
+} | {
+    subCommand: 'workshopGetSubscribedItemPath';
+    itemId: string;
+} | {
+    subCommand: 'workshopGetSubscribedItems';
+    includeDisabled?: boolean;
+};
+
 type ReadFormat = 'text' | 'binary';
 
 type WindowState = 'idle' | 'maximized' | 'minimized' | 'fullscreen';
@@ -649,7 +779,6 @@ type ShaderSource = ({
     steps: number;
 } | {
     name: 'mask';
-    rule: string;
     softness: number;
     reverse: boolean;
 })) | {
@@ -790,8 +919,8 @@ type MakeNullOptional<T> = T extends unknown ? {
 } : never;
 declare function mergeEvent<T extends BubbleEvent, K extends BubbleEvent>(handlers: MoyuEventHandler<T> | readonly MoyuEventHandler<T>[] | undefined, defaultHandler?: MoyuEventHandler<K>): (event: T | K) => void;
 
-type _Command = AudioCommand | TextCommand | GamepadCommand | ScenarioCommand | ShaderCommand | SystemCommand;
+type _Command = AudioCommand | TextCommand | GamepadCommand | ScenarioCommand | ShaderCommand | SteamCommand | SystemCommand;
 type Command = MakeNullOptional<_Command>;
 type MaybePromise = any;
 
-export { createBubbleEvent as $, type AudioCommand as A, type BubbleEvent as B, type Command as C, type DetailedMoyuProps as D, type EffectParams as E, type ShaderParam as F, type GamepadCommand as G, type ShaderParamType as H, type ShaderSource as I, JSX as J, type KeyboardEvent as K, type LayoutEvent as L, type MoyuEvent as M, Node as N, type ShaderTimeControl as O, type SystemCommand as P, type TextCommand as Q, type RetainMode as R, type ShaderDirection as S, type TouchEvent as T, type TouchEventKind as U, type Tuple2 as V, type WheelEvent as W, type Tuple3 as X, type Tuple4 as Y, type WheelEventDeltaMode as Z, type WindowState as _, type MaybePromise as a, getStageSize as a0, mergeEvent as a1, type MoyuClipAttributes as b, type MoyuVBoxAttributes as c, type MoyuSpriteAttributes as d, type TextProps as e, type MoyuNodeAttributes as f, type MouseEvent as g, type SpriteProps as h, type JsonValue as i, type AudioSettings as j, type KeyboardEventKind as k, type MakeNullOptional as l, type MouseEventKind as m, type MoyuAnimationAttributes as n, type MoyuBackdropAttributes as o, type MoyuContainerAttributes as p, type MoyuEventHandler as q, type MoyuFilterAttributes as r, type MoyuHBoxAttributes as s, type MoyuListenerAttributes as t, type MoyuShaderAttributes as u, type MoyuShaderSlotAttributes as v, type MoyuTextAttributes as w, type MoyuVideoAttributes as x, type ScenarioCommand as y, type ShaderCommand as z };
+export { type Tuple2 as $, type AudioCommand as A, type BubbleEvent as B, type Command as C, type DetailedMoyuProps as D, type EffectParams as E, type ScenarioCommand as F, type GamepadCommand as G, type ShaderCommand as H, type ShaderParam as I, JSX as J, type KeyboardEvent as K, type LayoutEvent as L, type MoyuEvent as M, Node as N, type OverlayDialog as O, type ShaderParamType as P, type ShaderSource as Q, type RetainMode as R, type ShaderDirection as S, type TouchEvent as T, type ShaderTimeControl as U, type SteamCommand as V, type WheelEvent as W, type SystemCommand as X, type TextCommand as Y, type TimelinePossibleClip as Z, type TouchEventKind as _, type MaybePromise as a, type Tuple3 as a0, type Tuple4 as a1, type WheelEventDeltaMode as a2, type WindowState as a3, createBubbleEvent as a4, getStageSize as a5, mergeEvent as a6, type MoyuClipAttributes as b, type MoyuVBoxAttributes as c, type MoyuSpriteAttributes as d, type TextProps as e, type MoyuNodeAttributes as f, type MouseEvent as g, type SpriteProps as h, type JsonValue as i, type AudioSettings as j, type KeyboardEventKind as k, type MakeNullOptional as l, type MouseEventKind as m, type MoyuAnimationAttributes as n, type MoyuBackdropAttributes as o, type MoyuContainerAttributes as p, type MoyuEventHandler as q, type MoyuFilterAttributes as r, type MoyuHBoxAttributes as s, type MoyuListenerAttributes as t, type MoyuShaderAttributes as u, type MoyuShaderSlotAttributes as v, type MoyuTextAttributes as w, type MoyuVideoAttributes as x, type OverlayNotificationPosition as y, type OverlayStoreFlag as z };

package/dist/{jsx-dev-runtime-gGlb6FbX.d.ts → jsx-dev-runtime-x1NET2hA.d.ts}

@@ -284,6 +284,136 @@ type ShaderCommand = {
     subCommand: 'reset';
 };
 
+type OverlayDialog = 'friends' | 'community' | 'players' | 'settings' | 'officialGameGroup' | 'stats' | 'achievements';
+
+type OverlayNotificationPosition = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+
+type OverlayStoreFlag = 'none' | 'addToCart' | 'addToCartAndShow';
+
+type TimelinePossibleClip = 'none' | 'standard' | 'featured';
+
+type SteamCommand = {
+    subCommand: 'achievementSet';
+    name: string;
+} | {
+    subCommand: 'achievementClear';
+    name: string;
+} | {
+    subCommand: 'achievementClearAll';
+} | {
+    subCommand: 'achievementGet';
+    name: string;
+} | {
+    subCommand: 'achievementIndicateProgress';
+    name: string;
+    current: number;
+    max: number;
+} | {
+    subCommand: 'appsDlcInstalled';
+    appId: number;
+} | {
+    subCommand: 'appsDlcProgress';
+    appId: number;
+} | {
+    subCommand: 'appsGetAppBuildId';
+} | {
+    subCommand: 'appsGetCurrentBetaName';
+} | {
+    subCommand: 'appsGetCurrentGameLanguage';
+} | {
+    subCommand: 'appsGetSteamUiLanguage';
+} | {
+    subCommand: 'appsInstallDlc';
+    appId: number;
+} | {
+    subCommand: 'appsIsSubscribedApp';
+    appId: number;
+} | {
+    subCommand: 'appsUninstallDlc';
+    appId: number;
+} | {
+    subCommand: 'overlayActivate';
+    dialog: OverlayDialog;
+} | {
+    subCommand: 'overlayActivateToStore';
+    appId: number;
+    flag?: OverlayStoreFlag;
+} | {
+    subCommand: 'overlayActivateToWebPage';
+    url: string;
+} | {
+    subCommand: 'overlayIsEnabled';
+} | {
+    subCommand: 'overlayNeedsPresent';
+} | {
+    subCommand: 'overlaySetNotificationPosition';
+    position: OverlayNotificationPosition;
+} | {
+    subCommand: 'statsClearAchievement';
+    name: string;
+} | {
+    subCommand: 'statsGetAchievement';
+    name: string;
+} | {
+    subCommand: 'statsGetFloatStat';
+    name: string;
+} | {
+    subCommand: 'statsGetIntStat';
+    name: string;
+} | {
+    subCommand: 'statsSetAchievement';
+    name: string;
+} | {
+    subCommand: 'statsIndicateAchievementProgress';
+    name: string;
+    current: number;
+    max: number;
+} | {
+    subCommand: 'statsListAchievements';
+} | {
+    subCommand: 'statsSetFloatStat';
+    name: string;
+    value: number;
+} | {
+    subCommand: 'statsSetIntStat';
+    name: string;
+    value: number;
+} | {
+    subCommand: 'statsStoreStats';
+} | {
+    subCommand: 'timelineAddEvent';
+    icon: string;
+    title: string;
+    description: string;
+    priority?: number;
+    startOffsetSeconds?: number;
+    durationSeconds?: number;
+    possibleClip?: TimelinePossibleClip;
+} | {
+    subCommand: 'timelineClearStateDescription';
+    timeDeltaSeconds?: number;
+} | {
+    subCommand: 'timelineSetStateDescription';
+    description: string;
+    timeDeltaSeconds?: number;
+} | {
+    subCommand: 'userGetAccountId';
+} | {
+    subCommand: 'userGetCSteamId';
+} | {
+    subCommand: 'userGetGameBadgeLevel';
+    series: number;
+    foil: boolean;
+} | {
+    subCommand: 'userGetPersonaName';
+} | {
+    subCommand: 'workshopGetSubscribedItemPath';
+    itemId: string;
+} | {
+    subCommand: 'workshopGetSubscribedItems';
+    includeDisabled?: boolean;
+};
+
 type ReadFormat = 'text' | 'binary';
 
 type WindowState = 'idle' | 'maximized' | 'minimized' | 'fullscreen';
@@ -649,7 +779,6 @@ type ShaderSource = ({
     steps: number;
 } | {
     name: 'mask';
-    rule: string;
     softness: number;
     reverse: boolean;
 })) | {
@@ -790,8 +919,8 @@ type MakeNullOptional<T> = T extends unknown ? {
 } : never;
 declare function mergeEvent<T extends BubbleEvent, K extends BubbleEvent>(handlers: MoyuEventHandler<T> | readonly MoyuEventHandler<T>[] | undefined, defaultHandler?: MoyuEventHandler<K>): (event: T | K) => void;
 
-type _Command = AudioCommand | TextCommand | GamepadCommand | ScenarioCommand | ShaderCommand | SystemCommand;
+type _Command = AudioCommand | TextCommand | GamepadCommand | ScenarioCommand | ShaderCommand | SteamCommand | SystemCommand;
 type Command = MakeNullOptional<_Command>;
 type MaybePromise = any;
 
-export { createBubbleEvent as $, type AudioCommand as A, type BubbleEvent as B, type Command as C, type DetailedMoyuProps as D, type EffectParams as E, type ShaderParam as F, type GamepadCommand as G, type ShaderParamType as H, type ShaderSource as I, JSX as J, type KeyboardEvent as K, type LayoutEvent as L, type MoyuEvent as M, Node as N, type ShaderTimeControl as O, type SystemCommand as P, type TextCommand as Q, type RetainMode as R, type ShaderDirection as S, type TouchEvent as T, type TouchEventKind as U, type Tuple2 as V, type WheelEvent as W, type Tuple3 as X, type Tuple4 as Y, type WheelEventDeltaMode as Z, type WindowState as _, type MaybePromise as a, getStageSize as a0, mergeEvent as a1, type MoyuClipAttributes as b, type MoyuVBoxAttributes as c, type MoyuSpriteAttributes as d, type TextProps as e, type MoyuNodeAttributes as f, type MouseEvent as g, type SpriteProps as h, type JsonValue as i, type AudioSettings as j, type KeyboardEventKind as k, type MakeNullOptional as l, type MouseEventKind as m, type MoyuAnimationAttributes as n, type MoyuBackdropAttributes as o, type MoyuContainerAttributes as p, type MoyuEventHandler as q, type MoyuFilterAttributes as r, type MoyuHBoxAttributes as s, type MoyuListenerAttributes as t, type MoyuShaderAttributes as u, type MoyuShaderSlotAttributes as v, type MoyuTextAttributes as w, type MoyuVideoAttributes as x, type ScenarioCommand as y, type ShaderCommand as z };
+export { type Tuple2 as $, type AudioCommand as A, type BubbleEvent as B, type Command as C, type DetailedMoyuProps as D, type EffectParams as E, type ScenarioCommand as F, type GamepadCommand as G, type ShaderCommand as H, type ShaderParam as I, JSX as J, type KeyboardEvent as K, type LayoutEvent as L, type MoyuEvent as M, Node as N, type OverlayDialog as O, type ShaderParamType as P, type ShaderSource as Q, type RetainMode as R, type ShaderDirection as S, type TouchEvent as T, type ShaderTimeControl as U, type SteamCommand as V, type WheelEvent as W, type SystemCommand as X, type TextCommand as Y, type TimelinePossibleClip as Z, type TouchEventKind as _, type MaybePromise as a, type Tuple3 as a0, type Tuple4 as a1, type WheelEventDeltaMode as a2, type WindowState as a3, createBubbleEvent as a4, getStageSize as a5, mergeEvent as a6, type MoyuClipAttributes as b, type MoyuVBoxAttributes as c, type MoyuSpriteAttributes as d, type TextProps as e, type MoyuNodeAttributes as f, type MouseEvent as g, type SpriteProps as h, type JsonValue as i, type AudioSettings as j, type KeyboardEventKind as k, type MakeNullOptional as l, type MouseEventKind as m, type MoyuAnimationAttributes as n, type MoyuBackdropAttributes as o, type MoyuContainerAttributes as p, type MoyuEventHandler as q, type MoyuFilterAttributes as r, type MoyuHBoxAttributes as s, type MoyuListenerAttributes as t, type MoyuShaderAttributes as u, type MoyuShaderSlotAttributes as v, type MoyuTextAttributes as w, type MoyuVideoAttributes as x, type OverlayNotificationPosition as y, type OverlayStoreFlag as z };

package/dist/jsx-dev-runtime.d.mts

@@ -1,4 +1,4 @@
 export { Fragment, jsxDEV } from 'react/jsx-dev-runtime';
-export { J as JSX } from './jsx-dev-runtime-gGlb6FbX.mjs';
+export { J as JSX } from './jsx-dev-runtime-x1NET2hA.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/jsx-dev-runtime.d.ts

@@ -1,4 +1,4 @@
 export { Fragment, jsxDEV } from 'react/jsx-dev-runtime';
-export { J as JSX } from './jsx-dev-runtime-gGlb6FbX.js';
+export { J as JSX } from './jsx-dev-runtime-x1NET2hA.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/jsx-runtime.d.mts

@@ -1,4 +1,4 @@
 export { Fragment, jsx, jsxs } from 'react/jsx-runtime';
-export { J as JSX } from './jsx-dev-runtime-gGlb6FbX.mjs';
+export { J as JSX } from './jsx-dev-runtime-x1NET2hA.mjs';
 import 'react/jsx-dev-runtime';
 import 'react';

package/dist/jsx-runtime.d.ts

@@ -1,4 +1,4 @@
 export { Fragment, jsx, jsxs } from 'react/jsx-runtime';
-export { J as JSX } from './jsx-dev-runtime-gGlb6FbX.js';
+export { J as JSX } from './jsx-dev-runtime-x1NET2hA.js';
 import 'react/jsx-dev-runtime';
 import 'react';

package/dist/lib.cjs

@@ -1260,6 +1260,7 @@ function Button({
   textOffsetX,
   textOffsetY,
   textAlign = "center",
+  children,
   anchor,
   pivot = anchor,
   interactive,
@@ -1274,6 +1275,20 @@ function Button({
 }) {
   const [hovered, setHovered] = (0, import_react4.useState)(false);
   const [pressed, setPressed] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
+    if (!pressed) {
+      return;
+    }
+    const release = () => setPressed(false);
+    const removeMouseUp = addEventListener("mouseup", release);
+    const removeTouchEnd = addEventListener("touchend", release);
+    const removeTouchCancel = addEventListener("touchcancel", release);
+    return () => {
+      removeMouseUp();
+      removeTouchEnd();
+      removeTouchCancel();
+    };
+  }, [pressed]);
   (0, import_react4.useEffect)(() => {
     if (disabled) {
       setHovered(false);
@@ -1323,18 +1338,21 @@ function Button({
         setPressed(false);
       }),
       onClick: (event) => event.stopPropagation(),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("sprite", { ...spriteProps, src: resolveControlStateValue(src, state), cursor: "pointer", children: text !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "text",
-        {
-          ...resolvedTextStyle,
-          text,
-          x: textOffsetX,
-          y: textOffsetY,
-          interactive: false,
-          anchor: textAnchor,
-          pivot: textAnchor
-        }
-      ) : void 0 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("sprite", { ...spriteProps, src: resolveControlStateValue(src, state), cursor: "pointer", children: [
+        text !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "text",
+          {
+            ...resolvedTextStyle,
+            text,
+            x: textOffsetX,
+            y: textOffsetY,
+            interactive: false,
+            anchor: textAnchor,
+            pivot: textAnchor
+          }
+        ) : void 0,
+        children
+      ] })
     }
   );
 }
@@ -1456,12 +1474,16 @@ function Select({
 // src/components/slider.tsx
 var import_react7 = require("react");
 function clampValue(value) {
+  if (Number.isNaN(value)) {
+    return 0;
+  }
   return Math.max(0, Math.min(1, value));
 }
 function Slider({
   value,
   defaultValue = 0,
   onValueChange,
+  onValueCommit,
   onPress,
   disabled = false,
   track,
@@ -1481,38 +1503,45 @@ function Slider({
   ...containerProps
 }) {
   const [internalValue, setInternalValue] = (0, import_react7.useState)(() => clampValue(defaultValue));
-  const [hovered, setHovered] = (0, import_react7.useState)(false);
   const [dragging, setDragging] = (0, import_react7.useState)(false);
-  const draggingRef = (0, import_react7.useRef)(false);
   const currentValue = clampValue(value ?? internalValue);
+  const currentValueRef = (0, import_react7.useRef)(currentValue);
+  currentValueRef.current = currentValue;
+  const dragStateRef = (0, import_react7.useRef)(null);
   const distance = Math.max(0, track.targetWidth - thumb.targetWidth);
-  const state = disabled ? "disabled" : dragging ? "press" : hovered ? "hover" : "idle";
-  const { src: trackSrc, ...trackProps } = track;
-  const { src: thumbSrc, ...thumbProps } = thumb;
-  const updateValue = (event) => {
-    event.stopPropagation();
-    if (distance === 0) {
-      return;
-    }
-    const nextValue = clampValue((event.offsetX - thumb.targetWidth / 2) / distance);
+  const setSliderValue = (0, import_react7.useCallback)((nextValue) => {
+    const clampedValue = clampValue(nextValue);
+    currentValueRef.current = clampedValue;
     if (value === void 0) {
-      setInternalValue(nextValue);
+      setInternalValue(clampedValue);
     }
-    onValueChange?.(nextValue);
-  };
-  const endDragging = (0, import_react7.useCallback)(() => {
-    draggingRef.current = false;
+    onValueChange?.(clampedValue);
+  }, [onValueChange, value]);
+  const endDragging = (0, import_react7.useCallback)((commit) => {
+    if (dragStateRef.current === null) {
+      return;
+    }
+    dragStateRef.current = null;
     setDragging(false);
-  }, []);
+    if (commit) {
+      onValueCommit?.(currentValueRef.current);
+    }
+  }, [onValueCommit]);
   (0, import_react7.useEffect)(() => {
-    const handleEnd = () => {
-      if (draggingRef.current) {
-        endDragging();
+    const handleMouseUp = () => endDragging(true);
+    const handleTouchEnd = (event) => {
+      if (dragStateRef.current?.touchIdentifier === event.identifier) {
+        endDragging(true);
+      }
+    };
+    const handleTouchCancel2 = (event) => {
+      if (dragStateRef.current?.touchIdentifier === event.identifier) {
+        endDragging(false);
       }
     };
-    const removeMouseUp = addEventListener("mouseup", handleEnd);
-    const removeTouchEnd = addEventListener("touchend", handleEnd);
-    const removeTouchCancel = addEventListener("touchcancel", handleEnd);
+    const removeMouseUp = addEventListener("mouseup", handleMouseUp);
+    const removeTouchEnd = addEventListener("touchend", handleTouchEnd);
+    const removeTouchCancel = addEventListener("touchcancel", handleTouchCancel2);
     return () => {
       removeMouseUp();
       removeTouchEnd();
@@ -1521,60 +1550,97 @@ function Slider({
   }, [endDragging]);
   (0, import_react7.useEffect)(() => {
     if (disabled) {
-      endDragging();
-      setHovered(false);
+      endDragging(false);
     }
   }, [disabled, endDragging]);
   const startDragging = (event) => {
+    event.stopPropagation();
+    if (dragStateRef.current !== null) {
+      return;
+    }
+    const thumbPosition = currentValueRef.current * distance;
+    dragStateRef.current = {
+      startPosition: event.offsetX,
+      startValue: currentValueRef.current,
+      touchIdentifier: "identifier" in event ? event.identifier : void 0,
+      startedOnThumb: event.offsetX >= thumbPosition && event.offsetX <= thumbPosition + thumb.targetWidth,
+      moved: false
+    };
+    setDragging(true);
+  };
+  const moveDragging = (event) => {
+    const dragState = dragStateRef.current;
+    if (dragState === null || "identifier" in event && dragState.touchIdentifier !== event.identifier || distance === 0) {
+      return;
+    }
+    event.stopPropagation();
+    const delta = event.offsetX - dragState.startPosition;
+    if (delta !== 0) {
+      dragState.moved = true;
+    }
+    setSliderValue(dragState.startValue + delta / distance);
+  };
+  const handlePress = (event) => {
+    const dragState = dragStateRef.current;
+    if (dragState === null || "identifier" in event && dragState.touchIdentifier !== event.identifier) {
+      return;
+    }
     onPress?.(event);
     if (event.defaultPrevented) {
+      endDragging(false);
       return;
     }
-    draggingRef.current = true;
-    setDragging(true);
-    updateValue(event);
+    if (!dragState.moved && !dragState.startedOnThumb && distance > 0) {
+      setSliderValue((event.offsetX - thumb.targetWidth / 2) / distance);
+    }
+    endDragging(true);
+  };
+  const handleTouchCancel = (event) => {
+    if (dragStateRef.current?.touchIdentifier === event.identifier) {
+      endDragging(false);
+    }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "container",
+    Button,
     {
       ...containerProps,
       anchor,
       pivot,
-      interactive: disabled ? false : interactive,
-      onMouseEnter: mergeEvent(onMouseEnter, () => setHovered(true)),
-      onMouseLeave: mergeEvent(onMouseLeave, () => {
-        setHovered(false);
-        if (!draggingRef.current) {
-          setDragging(false);
-        }
-      }),
+      interactive,
+      disabled,
+      lockOn: dragging ? "press" : void 0,
+      sprite: {
+        ...track,
+        pivot: [0, 0.5],
+        y: (track.targetHeight ?? 0) / 2
+      },
+      onPress: handlePress,
+      onMouseEnter,
+      onMouseLeave,
       onMouseDown: mergeEvent(onMouseDown, startDragging),
-      onMouseUp: mergeEvent(onMouseUp, endDragging),
-      onMouseMove: mergeEvent(onMouseMove, (event) => {
-        if (draggingRef.current) {
-          updateValue(event);
-        }
-      }),
+      onMouseUp,
+      onMouseMove: mergeEvent(onMouseMove, moveDragging),
       onTouchStart: mergeEvent(onTouchStart, startDragging),
-      onTouchMove: mergeEvent(onTouchMove, (event) => {
-        if (draggingRef.current) {
-          updateValue(event);
-        }
-      }),
-      onTouchEnd: mergeEvent(onTouchEnd, endDragging),
-      onTouchCancel: mergeEvent(onTouchCancel, endDragging),
-      onClick: (event) => event.stopPropagation(),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("sprite", { ...trackProps, src: resolveControlStateValue(trackSrc, state), cursor: "pointer", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "sprite",
+      onTouchMove: mergeEvent(onTouchMove, moveDragging),
+      onTouchEnd,
+      onTouchCancel: mergeEvent(onTouchCancel, handleTouchCancel),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Button,
         {
-          ...thumbProps,
-          src: resolveControlStateValue(thumbSrc, state),
+          sprite: {
+            ...thumb,
+            anchor: [0, 0.5],
+            pivot: [0, 0.5],
+            x: 0,
+            interactive: false
+          },
+          lockOn: dragging ? "press" : void 0,
+          x: currentValue * distance,
           anchor: [0, 0.5],
           pivot: [0, 0.5],
-          x: currentValue * distance,
           interactive: false
         }
-      ) })
+      )
     }
   );
 }

package/dist/lib.d.mts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactElement, Component, ForwardRefExoticComponent, CSSProperties, FC, ReactNode, ComponentType } from 'react';
-import { S as ShaderDirection, M as MoyuEvent, C as Command, a as MaybePromise, J as JSX, L as LayoutEvent, W as WheelEvent, T as TouchEvent, b as MoyuClipAttributes, c as MoyuVBoxAttributes, d as MoyuSpriteAttributes, e as TextProps, f as MoyuNodeAttributes, g as MouseEvent, h as SpriteProps, i as JsonValue } from './jsx-dev-runtime-gGlb6FbX.mjs';
-export { A as AudioCommand, j as AudioSettings, B as BubbleEvent, D as DetailedMoyuProps, E as EffectParams, G as GamepadCommand, K as KeyboardEvent, k as KeyboardEventKind, l as MakeNullOptional, m as MouseEventKind, n as MoyuAnimationAttributes, o as MoyuBackdropAttributes, p as MoyuContainerAttributes, q as MoyuEventHandler, r as MoyuFilterAttributes, s as MoyuHBoxAttributes, t as MoyuListenerAttributes, u as MoyuShaderAttributes, v as MoyuShaderSlotAttributes, w as MoyuTextAttributes, x as MoyuVideoAttributes, N as Node, R as RetainMode, y as ScenarioCommand, z as ShaderCommand, F as ShaderParam, H as ShaderParamType, I as ShaderSource, O as ShaderTimeControl, P as SystemCommand, Q as TextCommand, U as TouchEventKind, V as Tuple2, X as Tuple3, Y as Tuple4, Z as WheelEventDeltaMode, _ as WindowState, $ as createBubbleEvent, a0 as getStageSize, a1 as mergeEvent } from './jsx-dev-runtime-gGlb6FbX.mjs';
+import { S as ShaderDirection, M as MoyuEvent, C as Command, a as MaybePromise, J as JSX, L as LayoutEvent, W as WheelEvent, T as TouchEvent, b as MoyuClipAttributes, c as MoyuVBoxAttributes, d as MoyuSpriteAttributes, e as TextProps, f as MoyuNodeAttributes, g as MouseEvent, h as SpriteProps, i as JsonValue } from './jsx-dev-runtime-x1NET2hA.mjs';
+export { A as AudioCommand, j as AudioSettings, B as BubbleEvent, D as DetailedMoyuProps, E as EffectParams, G as GamepadCommand, K as KeyboardEvent, k as KeyboardEventKind, l as MakeNullOptional, m as MouseEventKind, n as MoyuAnimationAttributes, o as MoyuBackdropAttributes, p as MoyuContainerAttributes, q as MoyuEventHandler, r as MoyuFilterAttributes, s as MoyuHBoxAttributes, t as MoyuListenerAttributes, u as MoyuShaderAttributes, v as MoyuShaderSlotAttributes, w as MoyuTextAttributes, x as MoyuVideoAttributes, N as Node, O as OverlayDialog, y as OverlayNotificationPosition, z as OverlayStoreFlag, R as RetainMode, F as ScenarioCommand, H as ShaderCommand, I as ShaderParam, P as ShaderParamType, Q as ShaderSource, U as ShaderTimeControl, V as SteamCommand, X as SystemCommand, Y as TextCommand, Z as TimelinePossibleClip, _ as TouchEventKind, $ as Tuple2, a0 as Tuple3, a1 as Tuple4, a2 as WheelEventDeltaMode, a3 as WindowState, a4 as createBubbleEvent, a5 as getStageSize, a6 as mergeEvent } from './jsx-dev-runtime-x1NET2hA.mjs';
 import { FluidValue } from '@react-spring/shared';
 import { ElementType, AssignableKeys, ComponentPropsWithRef } from '@react-spring/types';
 import { Snapshot } from 'valtio';
@@ -247,13 +247,17 @@ type ShaderBuiltin = {
     steps: number;
 } | {
     name: 'mask';
-    rule: string;
     softness: number;
     reverse: boolean;
 };
 
 type ShaderBuiltinName = 'crossfade' | 'wipe' | 'fade' | 'push' | 'slideaway' | 'zoom' | 'pixellate' | 'mask';
 
+type DlcProgress = {
+    downloadedBytes: string;
+    totalBytes: string;
+};
+
 declare global {
     interface Window {
         moyu: any;
@@ -613,7 +617,7 @@ interface ButtonProps extends Omit<MoyuNodeAttributes, 'onClick'> {
     textOffsetY?: number;
     textAlign?: 'left' | 'center' | 'right';
 }
-declare function Button({ sprite, disabled, lockOn, onPress, text, textStyle, textOffsetX, textOffsetY, textAlign, anchor, pivot, interactive, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onTouchStart, onTouchEnd, onTouchCancel, ...containerProps }: ButtonProps): JSX.Element;
+declare function Button({ sprite, disabled, lockOn, onPress, text, textStyle, textOffsetX, textOffsetY, textAlign, children, anchor, pivot, interactive, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onTouchStart, onTouchEnd, onTouchCancel, ...containerProps }: ButtonProps): JSX.Element;
 
 interface CheckboxProps extends Omit<ButtonProps, 'lockOn' | 'sprite'> {
     checked?: boolean;
@@ -656,24 +660,23 @@ interface SelectProps extends Omit<MoyuNodeAttributes, 'onClick'> {
 }
 declare function Select({ value, defaultValue, onValueChange, onPress, disabled, options, trigger, list, option, textStyle, textOffsetX, textOffsetY, textAlign, anchor, pivot, ...containerProps }: SelectProps): JSX.Element;
 
-interface SliderTrackProps extends Omit<SpriteProps, 'src' | 'targetWidth'> {
-    src: ControlStateValue<string>;
+interface SliderTrackProps extends Omit<ControlSpriteProps, 'targetWidth'> {
     targetWidth: number;
 }
-interface SliderThumbProps extends Omit<SpriteProps, 'src' | 'targetWidth'> {
-    src: ControlStateValue<string>;
+interface SliderThumbProps extends Omit<ControlSpriteProps, 'targetWidth'> {
     targetWidth: number;
 }
 interface SliderProps extends Omit<MoyuNodeAttributes, 'onClick'> {
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
+    onValueCommit?: (value: number) => void;
     onPress?: (event: PressEvent) => void;
     disabled?: boolean;
     track: SliderTrackProps;
     thumb: SliderThumbProps;
 }
-declare function Slider({ value, defaultValue, onValueChange, onPress, disabled, track, thumb, anchor, pivot, interactive, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onMouseMove, onTouchStart, onTouchMove, onTouchEnd, onTouchCancel, ...containerProps }: SliderProps): JSX.Element;
+declare function Slider({ value, defaultValue, onValueChange, onValueCommit, onPress, disabled, track, thumb, anchor, pivot, interactive, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onMouseMove, onTouchStart, onTouchMove, onTouchEnd, onTouchCancel, ...containerProps }: SliderProps): JSX.Element;
 
 type ExecutionCursor = {
     story: string;
@@ -1013,4 +1016,4 @@ declare module 'zod' {
     }
 }
 
-export { type AnimatedComponent, type AnimatedProps, type AnimationFrameCallbackEvent, type AppStateAdapter, type AutoTicketHandle, type AutoTicketOptions, type BeforeUnloadEvent, Button, type ButtonProps, Checkbox, type CheckboxProps, type CombinedCheckpoint, Command, type CommandHandler, type ControlSpriteProps, type ControlState, type ControlStateValue, type ControlTextStyle, type CustomEvent, DEBUG_EMPTY_PAGE, type DebugSessionConfig, type DebugSessionController, type DebugWarpBoundary, type DebugWarpOptions, type DefaultOverlayName, type DefaultPageName, type FastForwardOptions, type FocusEvent, type FocusEventKind, type FullScreenEvent, type FullscreenEventKind, type GameControl, type GameEvent, type GameStateSourceProps, type GameStateStore, type Gamepad, type GamepadButton, type GamepadEvent, type GamepadHapticActuator, JSX, type KeyboardLocation, LayoutEvent, type Literal, MaybePromise, MouseEvent, MoyuClipAttributes, MoyuEvent, MoyuNodeAttributes, MoyuSpriteAttributes, MoyuVBoxAttributes, type NavigationState, type Navigator, type NodeEvent, type OverlayConfig, type OverlayDescriptor, type OverlayInfo, OverlayParamsContext, type PageConfig, type PageDescriptor, PageParamsContext, type PressEvent, type RegisterNavigator, type ResizeEvent, type ResolvedArgument, type ResolvedCommandLine, type ResolvedSystemCallLine, type RootErrorInfo, type RootHandle, type RootNavigatorList, type RootOptions, type RootUiDataMap, type RootUncaughtErrorInfo, type ScenarioCommandBaseType, type ScenarioEvent, ScrollView, type ScrollViewController, type ScrollViewProps, Select, type SelectListProps, type SelectOption, type SelectOptionSpriteProps, type SelectProps, type ShaderBuiltin, type ShaderBuiltinName, type ShaderEvent, Slider, type SliderProps, type SliderThumbProps, type SliderTrackProps, type StackNavigatorOptions, StageContextProvider, type StageInstance, type TextLine, type TextLineHandler, TouchEvent, type UseScrollViewOptions, WheelEvent, type WithAnimated, animated as a, addEventListener, animated, autoState, createGameStateContext, createRoot, createStackNavigator, createStage, createStaticNavigation, ensureArchiveVariableDefaults, executeNodeCommand, executePluginCommand, fastForwardState, getAppStateAdapter, getNavigator, getSeekingType, getUiData, globalEventListeners, globalRequestAnimationFrameListeners, initGlobalVariableDefaults, initUiData, loadVariablesDocument, moyu, nextLine, registerAppStateAdapter, replaceUiData, setDefaultAutoTailMs, setWaiting, skipState, startDebugSession, startRuntimeDebugSession, stopDebugSession, stopRuntimeDebugSession, useAutoBlocker, useAutoTicket, useBeforeHandleCommandCallback, useDebugSession, useFadeIn, useFadeInOut, useFadeOut, useInterruptCallback, useIsAutoing, useIsSeeking, useIsSkipping, useNavigation, useNavigationParams, useNavigationState, useScenario, useScrollView, useSkipBlocker, useSkipCallback, useSoundEffect, useStageContext, useUiData, warpState };
+export { type AnimatedComponent, type AnimatedProps, type AnimationFrameCallbackEvent, type AppStateAdapter, type AutoTicketHandle, type AutoTicketOptions, type BeforeUnloadEvent, Button, type ButtonProps, Checkbox, type CheckboxProps, type CombinedCheckpoint, Command, type CommandHandler, type ControlSpriteProps, type ControlState, type ControlStateValue, type ControlTextStyle, type CustomEvent, DEBUG_EMPTY_PAGE, type DebugSessionConfig, type DebugSessionController, type DebugWarpBoundary, type DebugWarpOptions, type DefaultOverlayName, type DefaultPageName, type DlcProgress, type FastForwardOptions, type FocusEvent, type FocusEventKind, type FullScreenEvent, type FullscreenEventKind, type GameControl, type GameEvent, type GameStateSourceProps, type GameStateStore, type Gamepad, type GamepadButton, type GamepadEvent, type GamepadHapticActuator, JSX, type KeyboardLocation, LayoutEvent, type Literal, MaybePromise, MouseEvent, MoyuClipAttributes, MoyuEvent, MoyuNodeAttributes, MoyuSpriteAttributes, MoyuVBoxAttributes, type NavigationState, type Navigator, type NodeEvent, type OverlayConfig, type OverlayDescriptor, type OverlayInfo, OverlayParamsContext, type PageConfig, type PageDescriptor, PageParamsContext, type PressEvent, type RegisterNavigator, type ResizeEvent, type ResolvedArgument, type ResolvedCommandLine, type ResolvedSystemCallLine, type RootErrorInfo, type RootHandle, type RootNavigatorList, type RootOptions, type RootUiDataMap, type RootUncaughtErrorInfo, type ScenarioCommandBaseType, type ScenarioEvent, ScrollView, type ScrollViewController, type ScrollViewProps, Select, type SelectListProps, type SelectOption, type SelectOptionSpriteProps, type SelectProps, type ShaderBuiltin, type ShaderBuiltinName, type ShaderEvent, Slider, type SliderProps, type SliderThumbProps, type SliderTrackProps, type StackNavigatorOptions, StageContextProvider, type StageInstance, type TextLine, type TextLineHandler, TouchEvent, type UseScrollViewOptions, WheelEvent, type WithAnimated, animated as a, addEventListener, animated, autoState, createGameStateContext, createRoot, createStackNavigator, createStage, createStaticNavigation, ensureArchiveVariableDefaults, executeNodeCommand, executePluginCommand, fastForwardState, getAppStateAdapter, getNavigator, getSeekingType, getUiData, globalEventListeners, globalRequestAnimationFrameListeners, initGlobalVariableDefaults, initUiData, loadVariablesDocument, moyu, nextLine, registerAppStateAdapter, replaceUiData, setDefaultAutoTailMs, setWaiting, skipState, startDebugSession, startRuntimeDebugSession, stopDebugSession, stopRuntimeDebugSession, useAutoBlocker, useAutoTicket, useBeforeHandleCommandCallback, useDebugSession, useFadeIn, useFadeInOut, useFadeOut, useInterruptCallback, useIsAutoing, useIsSeeking, useIsSkipping, useNavigation, useNavigationParams, useNavigationState, useScenario, useScrollView, useSkipBlocker, useSkipCallback, useSoundEffect, useStageContext, useUiData, warpState };

package/dist/lib.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactElement, Component, ForwardRefExoticComponent, CSSProperties, FC, ReactNode, ComponentType } from 'react';
-import { S as ShaderDirection, M as MoyuEvent, C as Command, a as MaybePromise, J as JSX, L as LayoutEvent, W as WheelEvent, T as TouchEvent, b as MoyuClipAttributes, c as MoyuVBoxAttributes, d as MoyuSpriteAttributes, e as TextProps, f as MoyuNodeAttributes, g as MouseEvent, h as SpriteProps, i as JsonValue } from './jsx-dev-runtime-gGlb6FbX.js';
-export { A as AudioCommand, j as AudioSettings, B as BubbleEvent, D as DetailedMoyuProps, E as EffectParams, G as GamepadCommand, K as KeyboardEvent, k as KeyboardEventKind, l as MakeNullOptional, m as MouseEventKind, n as MoyuAnimationAttributes, o as MoyuBackdropAttributes, p as MoyuContainerAttributes, q as MoyuEventHandler, r as MoyuFilterAttributes, s as MoyuHBoxAttributes, t as MoyuListenerAttributes, u as MoyuShaderAttributes, v as MoyuShaderSlotAttributes, w as MoyuTextAttributes, x as MoyuVideoAttributes, N as Node, R as RetainMode, y as ScenarioCommand, z as ShaderCommand, F as ShaderParam, H as ShaderParamType, I as ShaderSource, O as ShaderTimeControl, P as SystemCommand, Q as TextCommand, U as TouchEventKind, V as Tuple2, X as Tuple3, Y as Tuple4, Z as WheelEventDeltaMode, _ as WindowState, $ as createBubbleEvent, a0 as getStageSize, a1 as mergeEvent } from './jsx-dev-runtime-gGlb6FbX.js';
+import { S as ShaderDirection, M as MoyuEvent, C as Command, a as MaybePromise, J as JSX, L as LayoutEvent, W as WheelEvent, T as TouchEvent, b as MoyuClipAttributes, c as MoyuVBoxAttributes, d as MoyuSpriteAttributes, e as TextProps, f as MoyuNodeAttributes, g as MouseEvent, h as SpriteProps, i as JsonValue } from './jsx-dev-runtime-x1NET2hA.js';
+export { A as AudioCommand, j as AudioSettings, B as BubbleEvent, D as DetailedMoyuProps, E as EffectParams, G as GamepadCommand, K as KeyboardEvent, k as KeyboardEventKind, l as MakeNullOptional, m as MouseEventKind, n as MoyuAnimationAttributes, o as MoyuBackdropAttributes, p as MoyuContainerAttributes, q as MoyuEventHandler, r as MoyuFilterAttributes, s as MoyuHBoxAttributes, t as MoyuListenerAttributes, u as MoyuShaderAttributes, v as MoyuShaderSlotAttributes, w as MoyuTextAttributes, x as MoyuVideoAttributes, N as Node, O as OverlayDialog, y as OverlayNotificationPosition, z as OverlayStoreFlag, R as RetainMode, F as ScenarioCommand, H as ShaderCommand, I as ShaderParam, P as ShaderParamType, Q as ShaderSource, U as ShaderTimeControl, V as SteamCommand, X as SystemCommand, Y as TextCommand, Z as TimelinePossibleClip, _ as TouchEventKind, $ as Tuple2, a0 as Tuple3, a1 as Tuple4, a2 as WheelEventDeltaMode, a3 as WindowState, a4 as createBubbleEvent, a5 as getStageSize, a6 as mergeEvent } from './jsx-dev-runtime-x1NET2hA.js';
 import { FluidValue } from '@react-spring/shared';
 import { ElementType, AssignableKeys, ComponentPropsWithRef } from '@react-spring/types';
 import { Snapshot } from 'valtio';
@@ -247,13 +247,17 @@ type ShaderBuiltin = {
     steps: number;
 } | {
     name: 'mask';
-    rule: string;
     softness: number;
     reverse: boolean;
 };
 
 type ShaderBuiltinName = 'crossfade' | 'wipe' | 'fade' | 'push' | 'slideaway' | 'zoom' | 'pixellate' | 'mask';
 
+type DlcProgress = {
+    downloadedBytes: string;
+    totalBytes: string;
+};
+
 declare global {
     interface Window {
         moyu: any;
@@ -613,7 +617,7 @@ interface ButtonProps extends Omit<MoyuNodeAttributes, 'onClick'> {
     textOffsetY?: number;
     textAlign?: 'left' | 'center' | 'right';
 }
-declare function Button({ sprite, disabled, lockOn, onPress, text, textStyle, textOffsetX, textOffsetY, textAlign, anchor, pivot, interactive, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onTouchStart, onTouchEnd, onTouchCancel, ...containerProps }: ButtonProps): JSX.Element;
+declare function Button({ sprite, disabled, lockOn, onPress, text, textStyle, textOffsetX, textOffsetY, textAlign, children, anchor, pivot, interactive, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onTouchStart, onTouchEnd, onTouchCancel, ...containerProps }: ButtonProps): JSX.Element;
 
 interface CheckboxProps extends Omit<ButtonProps, 'lockOn' | 'sprite'> {
     checked?: boolean;
@@ -656,24 +660,23 @@ interface SelectProps extends Omit<MoyuNodeAttributes, 'onClick'> {
 }
 declare function Select({ value, defaultValue, onValueChange, onPress, disabled, options, trigger, list, option, textStyle, textOffsetX, textOffsetY, textAlign, anchor, pivot, ...containerProps }: SelectProps): JSX.Element;
 
-interface SliderTrackProps extends Omit<SpriteProps, 'src' | 'targetWidth'> {
-    src: ControlStateValue<string>;
+interface SliderTrackProps extends Omit<ControlSpriteProps, 'targetWidth'> {
     targetWidth: number;
 }
-interface SliderThumbProps extends Omit<SpriteProps, 'src' | 'targetWidth'> {
-    src: ControlStateValue<string>;
+interface SliderThumbProps extends Omit<ControlSpriteProps, 'targetWidth'> {
     targetWidth: number;
 }
 interface SliderProps extends Omit<MoyuNodeAttributes, 'onClick'> {
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
+    onValueCommit?: (value: number) => void;
     onPress?: (event: PressEvent) => void;
     disabled?: boolean;
     track: SliderTrackProps;
     thumb: SliderThumbProps;
 }
-declare function Slider({ value, defaultValue, onValueChange, onPress, disabled, track, thumb, anchor, pivot, interactive, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onMouseMove, onTouchStart, onTouchMove, onTouchEnd, onTouchCancel, ...containerProps }: SliderProps): JSX.Element;
+declare function Slider({ value, defaultValue, onValueChange, onValueCommit, onPress, disabled, track, thumb, anchor, pivot, interactive, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onMouseMove, onTouchStart, onTouchMove, onTouchEnd, onTouchCancel, ...containerProps }: SliderProps): JSX.Element;
 
 type ExecutionCursor = {
     story: string;
@@ -1013,4 +1016,4 @@ declare module 'zod' {
     }
 }
 
-export { type AnimatedComponent, type AnimatedProps, type AnimationFrameCallbackEvent, type AppStateAdapter, type AutoTicketHandle, type AutoTicketOptions, type BeforeUnloadEvent, Button, type ButtonProps, Checkbox, type CheckboxProps, type CombinedCheckpoint, Command, type CommandHandler, type ControlSpriteProps, type ControlState, type ControlStateValue, type ControlTextStyle, type CustomEvent, DEBUG_EMPTY_PAGE, type DebugSessionConfig, type DebugSessionController, type DebugWarpBoundary, type DebugWarpOptions, type DefaultOverlayName, type DefaultPageName, type FastForwardOptions, type FocusEvent, type FocusEventKind, type FullScreenEvent, type FullscreenEventKind, type GameControl, type GameEvent, type GameStateSourceProps, type GameStateStore, type Gamepad, type GamepadButton, type GamepadEvent, type GamepadHapticActuator, JSX, type KeyboardLocation, LayoutEvent, type Literal, MaybePromise, MouseEvent, MoyuClipAttributes, MoyuEvent, MoyuNodeAttributes, MoyuSpriteAttributes, MoyuVBoxAttributes, type NavigationState, type Navigator, type NodeEvent, type OverlayConfig, type OverlayDescriptor, type OverlayInfo, OverlayParamsContext, type PageConfig, type PageDescriptor, PageParamsContext, type PressEvent, type RegisterNavigator, type ResizeEvent, type ResolvedArgument, type ResolvedCommandLine, type ResolvedSystemCallLine, type RootErrorInfo, type RootHandle, type RootNavigatorList, type RootOptions, type RootUiDataMap, type RootUncaughtErrorInfo, type ScenarioCommandBaseType, type ScenarioEvent, ScrollView, type ScrollViewController, type ScrollViewProps, Select, type SelectListProps, type SelectOption, type SelectOptionSpriteProps, type SelectProps, type ShaderBuiltin, type ShaderBuiltinName, type ShaderEvent, Slider, type SliderProps, type SliderThumbProps, type SliderTrackProps, type StackNavigatorOptions, StageContextProvider, type StageInstance, type TextLine, type TextLineHandler, TouchEvent, type UseScrollViewOptions, WheelEvent, type WithAnimated, animated as a, addEventListener, animated, autoState, createGameStateContext, createRoot, createStackNavigator, createStage, createStaticNavigation, ensureArchiveVariableDefaults, executeNodeCommand, executePluginCommand, fastForwardState, getAppStateAdapter, getNavigator, getSeekingType, getUiData, globalEventListeners, globalRequestAnimationFrameListeners, initGlobalVariableDefaults, initUiData, loadVariablesDocument, moyu, nextLine, registerAppStateAdapter, replaceUiData, setDefaultAutoTailMs, setWaiting, skipState, startDebugSession, startRuntimeDebugSession, stopDebugSession, stopRuntimeDebugSession, useAutoBlocker, useAutoTicket, useBeforeHandleCommandCallback, useDebugSession, useFadeIn, useFadeInOut, useFadeOut, useInterruptCallback, useIsAutoing, useIsSeeking, useIsSkipping, useNavigation, useNavigationParams, useNavigationState, useScenario, useScrollView, useSkipBlocker, useSkipCallback, useSoundEffect, useStageContext, useUiData, warpState };
+export { type AnimatedComponent, type AnimatedProps, type AnimationFrameCallbackEvent, type AppStateAdapter, type AutoTicketHandle, type AutoTicketOptions, type BeforeUnloadEvent, Button, type ButtonProps, Checkbox, type CheckboxProps, type CombinedCheckpoint, Command, type CommandHandler, type ControlSpriteProps, type ControlState, type ControlStateValue, type ControlTextStyle, type CustomEvent, DEBUG_EMPTY_PAGE, type DebugSessionConfig, type DebugSessionController, type DebugWarpBoundary, type DebugWarpOptions, type DefaultOverlayName, type DefaultPageName, type DlcProgress, type FastForwardOptions, type FocusEvent, type FocusEventKind, type FullScreenEvent, type FullscreenEventKind, type GameControl, type GameEvent, type GameStateSourceProps, type GameStateStore, type Gamepad, type GamepadButton, type GamepadEvent, type GamepadHapticActuator, JSX, type KeyboardLocation, LayoutEvent, type Literal, MaybePromise, MouseEvent, MoyuClipAttributes, MoyuEvent, MoyuNodeAttributes, MoyuSpriteAttributes, MoyuVBoxAttributes, type NavigationState, type Navigator, type NodeEvent, type OverlayConfig, type OverlayDescriptor, type OverlayInfo, OverlayParamsContext, type PageConfig, type PageDescriptor, PageParamsContext, type PressEvent, type RegisterNavigator, type ResizeEvent, type ResolvedArgument, type ResolvedCommandLine, type ResolvedSystemCallLine, type RootErrorInfo, type RootHandle, type RootNavigatorList, type RootOptions, type RootUiDataMap, type RootUncaughtErrorInfo, type ScenarioCommandBaseType, type ScenarioEvent, ScrollView, type ScrollViewController, type ScrollViewProps, Select, type SelectListProps, type SelectOption, type SelectOptionSpriteProps, type SelectProps, type ShaderBuiltin, type ShaderBuiltinName, type ShaderEvent, Slider, type SliderProps, type SliderThumbProps, type SliderTrackProps, type StackNavigatorOptions, StageContextProvider, type StageInstance, type TextLine, type TextLineHandler, TouchEvent, type UseScrollViewOptions, WheelEvent, type WithAnimated, animated as a, addEventListener, animated, autoState, createGameStateContext, createRoot, createStackNavigator, createStage, createStaticNavigation, ensureArchiveVariableDefaults, executeNodeCommand, executePluginCommand, fastForwardState, getAppStateAdapter, getNavigator, getSeekingType, getUiData, globalEventListeners, globalRequestAnimationFrameListeners, initGlobalVariableDefaults, initUiData, loadVariablesDocument, moyu, nextLine, registerAppStateAdapter, replaceUiData, setDefaultAutoTailMs, setWaiting, skipState, startDebugSession, startRuntimeDebugSession, stopDebugSession, stopRuntimeDebugSession, useAutoBlocker, useAutoTicket, useBeforeHandleCommandCallback, useDebugSession, useFadeIn, useFadeInOut, useFadeOut, useInterruptCallback, useIsAutoing, useIsSeeking, useIsSkipping, useNavigation, useNavigationParams, useNavigationState, useScenario, useScrollView, useSkipBlocker, useSkipCallback, useSoundEffect, useStageContext, useUiData, warpState };

package/dist/lib.mjs

@@ -1248,6 +1248,7 @@ function Button({
   textOffsetX,
   textOffsetY,
   textAlign = "center",
+  children,
   anchor,
   pivot = anchor,
   interactive,
@@ -1262,6 +1263,20 @@ function Button({
 }) {
   const [hovered, setHovered] = useState(false);
   const [pressed, setPressed] = useState(false);
+  useEffect(() => {
+    if (!pressed) {
+      return;
+    }
+    const release = () => setPressed(false);
+    const removeMouseUp = addEventListener("mouseup", release);
+    const removeTouchEnd = addEventListener("touchend", release);
+    const removeTouchCancel = addEventListener("touchcancel", release);
+    return () => {
+      removeMouseUp();
+      removeTouchEnd();
+      removeTouchCancel();
+    };
+  }, [pressed]);
   useEffect(() => {
     if (disabled) {
       setHovered(false);
@@ -1311,18 +1326,21 @@ function Button({
         setPressed(false);
       }),
       onClick: (event) => event.stopPropagation(),
-      children: /* @__PURE__ */ jsx("sprite", { ...spriteProps, src: resolveControlStateValue(src, state), cursor: "pointer", children: text !== void 0 ? /* @__PURE__ */ jsx(
-        "text",
-        {
-          ...resolvedTextStyle,
-          text,
-          x: textOffsetX,
-          y: textOffsetY,
-          interactive: false,
-          anchor: textAnchor,
-          pivot: textAnchor
-        }
-      ) : void 0 })
+      children: /* @__PURE__ */ jsxs("sprite", { ...spriteProps, src: resolveControlStateValue(src, state), cursor: "pointer", children: [
+        text !== void 0 ? /* @__PURE__ */ jsx(
+          "text",
+          {
+            ...resolvedTextStyle,
+            text,
+            x: textOffsetX,
+            y: textOffsetY,
+            interactive: false,
+            anchor: textAnchor,
+            pivot: textAnchor
+          }
+        ) : void 0,
+        children
+      ] })
     }
   );
 }
@@ -1444,12 +1462,16 @@ function Select({
 // src/components/slider.tsx
 import { useCallback, useEffect as useEffect2, useRef, useState as useState4 } from "react";
 function clampValue(value) {
+  if (Number.isNaN(value)) {
+    return 0;
+  }
   return Math.max(0, Math.min(1, value));
 }
 function Slider({
   value,
   defaultValue = 0,
   onValueChange,
+  onValueCommit,
   onPress,
   disabled = false,
   track,
@@ -1469,38 +1491,45 @@ function Slider({
   ...containerProps
 }) {
   const [internalValue, setInternalValue] = useState4(() => clampValue(defaultValue));
-  const [hovered, setHovered] = useState4(false);
   const [dragging, setDragging] = useState4(false);
-  const draggingRef = useRef(false);
   const currentValue = clampValue(value ?? internalValue);
+  const currentValueRef = useRef(currentValue);
+  currentValueRef.current = currentValue;
+  const dragStateRef = useRef(null);
   const distance = Math.max(0, track.targetWidth - thumb.targetWidth);
-  const state = disabled ? "disabled" : dragging ? "press" : hovered ? "hover" : "idle";
-  const { src: trackSrc, ...trackProps } = track;
-  const { src: thumbSrc, ...thumbProps } = thumb;
-  const updateValue = (event) => {
-    event.stopPropagation();
-    if (distance === 0) {
-      return;
-    }
-    const nextValue = clampValue((event.offsetX - thumb.targetWidth / 2) / distance);
+  const setSliderValue = useCallback((nextValue) => {
+    const clampedValue = clampValue(nextValue);
+    currentValueRef.current = clampedValue;
     if (value === void 0) {
-      setInternalValue(nextValue);
+      setInternalValue(clampedValue);
     }
-    onValueChange?.(nextValue);
-  };
-  const endDragging = useCallback(() => {
-    draggingRef.current = false;
+    onValueChange?.(clampedValue);
+  }, [onValueChange, value]);
+  const endDragging = useCallback((commit) => {
+    if (dragStateRef.current === null) {
+      return;
+    }
+    dragStateRef.current = null;
     setDragging(false);
-  }, []);
+    if (commit) {
+      onValueCommit?.(currentValueRef.current);
+    }
+  }, [onValueCommit]);
   useEffect2(() => {
-    const handleEnd = () => {
-      if (draggingRef.current) {
-        endDragging();
+    const handleMouseUp = () => endDragging(true);
+    const handleTouchEnd = (event) => {
+      if (dragStateRef.current?.touchIdentifier === event.identifier) {
+        endDragging(true);
+      }
+    };
+    const handleTouchCancel2 = (event) => {
+      if (dragStateRef.current?.touchIdentifier === event.identifier) {
+        endDragging(false);
       }
     };
-    const removeMouseUp = addEventListener("mouseup", handleEnd);
-    const removeTouchEnd = addEventListener("touchend", handleEnd);
-    const removeTouchCancel = addEventListener("touchcancel", handleEnd);
+    const removeMouseUp = addEventListener("mouseup", handleMouseUp);
+    const removeTouchEnd = addEventListener("touchend", handleTouchEnd);
+    const removeTouchCancel = addEventListener("touchcancel", handleTouchCancel2);
     return () => {
       removeMouseUp();
       removeTouchEnd();
@@ -1509,60 +1538,97 @@ function Slider({
   }, [endDragging]);
   useEffect2(() => {
     if (disabled) {
-      endDragging();
-      setHovered(false);
+      endDragging(false);
     }
   }, [disabled, endDragging]);
   const startDragging = (event) => {
+    event.stopPropagation();
+    if (dragStateRef.current !== null) {
+      return;
+    }
+    const thumbPosition = currentValueRef.current * distance;
+    dragStateRef.current = {
+      startPosition: event.offsetX,
+      startValue: currentValueRef.current,
+      touchIdentifier: "identifier" in event ? event.identifier : void 0,
+      startedOnThumb: event.offsetX >= thumbPosition && event.offsetX <= thumbPosition + thumb.targetWidth,
+      moved: false
+    };
+    setDragging(true);
+  };
+  const moveDragging = (event) => {
+    const dragState = dragStateRef.current;
+    if (dragState === null || "identifier" in event && dragState.touchIdentifier !== event.identifier || distance === 0) {
+      return;
+    }
+    event.stopPropagation();
+    const delta = event.offsetX - dragState.startPosition;
+    if (delta !== 0) {
+      dragState.moved = true;
+    }
+    setSliderValue(dragState.startValue + delta / distance);
+  };
+  const handlePress = (event) => {
+    const dragState = dragStateRef.current;
+    if (dragState === null || "identifier" in event && dragState.touchIdentifier !== event.identifier) {
+      return;
+    }
     onPress?.(event);
     if (event.defaultPrevented) {
+      endDragging(false);
       return;
     }
-    draggingRef.current = true;
-    setDragging(true);
-    updateValue(event);
+    if (!dragState.moved && !dragState.startedOnThumb && distance > 0) {
+      setSliderValue((event.offsetX - thumb.targetWidth / 2) / distance);
+    }
+    endDragging(true);
+  };
+  const handleTouchCancel = (event) => {
+    if (dragStateRef.current?.touchIdentifier === event.identifier) {
+      endDragging(false);
+    }
   };
   return /* @__PURE__ */ jsx(
-    "container",
+    Button,
     {
       ...containerProps,
       anchor,
       pivot,
-      interactive: disabled ? false : interactive,
-      onMouseEnter: mergeEvent(onMouseEnter, () => setHovered(true)),
-      onMouseLeave: mergeEvent(onMouseLeave, () => {
-        setHovered(false);
-        if (!draggingRef.current) {
-          setDragging(false);
-        }
-      }),
+      interactive,
+      disabled,
+      lockOn: dragging ? "press" : void 0,
+      sprite: {
+        ...track,
+        pivot: [0, 0.5],
+        y: (track.targetHeight ?? 0) / 2
+      },
+      onPress: handlePress,
+      onMouseEnter,
+      onMouseLeave,
       onMouseDown: mergeEvent(onMouseDown, startDragging),
-      onMouseUp: mergeEvent(onMouseUp, endDragging),
-      onMouseMove: mergeEvent(onMouseMove, (event) => {
-        if (draggingRef.current) {
-          updateValue(event);
-        }
-      }),
+      onMouseUp,
+      onMouseMove: mergeEvent(onMouseMove, moveDragging),
       onTouchStart: mergeEvent(onTouchStart, startDragging),
-      onTouchMove: mergeEvent(onTouchMove, (event) => {
-        if (draggingRef.current) {
-          updateValue(event);
-        }
-      }),
-      onTouchEnd: mergeEvent(onTouchEnd, endDragging),
-      onTouchCancel: mergeEvent(onTouchCancel, endDragging),
-      onClick: (event) => event.stopPropagation(),
-      children: /* @__PURE__ */ jsx("sprite", { ...trackProps, src: resolveControlStateValue(trackSrc, state), cursor: "pointer", children: /* @__PURE__ */ jsx(
-        "sprite",
+      onTouchMove: mergeEvent(onTouchMove, moveDragging),
+      onTouchEnd,
+      onTouchCancel: mergeEvent(onTouchCancel, handleTouchCancel),
+      children: /* @__PURE__ */ jsx(
+        Button,
         {
-          ...thumbProps,
-          src: resolveControlStateValue(thumbSrc, state),
+          sprite: {
+            ...thumb,
+            anchor: [0, 0.5],
+            pivot: [0, 0.5],
+            x: 0,
+            interactive: false
+          },
+          lockOn: dragging ? "press" : void 0,
+          x: currentValue * distance,
           anchor: [0, 0.5],
           pivot: [0, 0.5],
-          x: currentValue * distance,
           interactive: false
         }
-      ) })
+      )
     }
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momoyu-ink/kit",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "Software Development Kit of Moyu Visual Novel Engine",
   "main": "dist/lib.cjs",
   "module": "dist/lib.mjs",