@elyri/motion 0.0.0-stage → 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 轻爪科技
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,71 @@
-# Temporary Holding Version
+# @elyri/motion
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+React 动效组件库，零运行时依赖，使用 CSS 变量做主题定制。
+
+## 安装
+
+```bash
+pnpm add @elyri/motion
+```
+
+## 使用
+
+```tsx
+import { FadeIn, GradientText } from '@elyri/motion';
+import '@elyri/motion/styles.css';
+
+export function Hero() {
+  return (
+    <FadeIn direction="up" delay={100}>
+      <GradientText colors={['#6d5cff', '#22d3ee']}>Elyri</GradientText>
+    </FadeIn>
+  );
+}
+```
+
+也可以用 CLI 把组件源码拷进项目自行修改：
+
+```bash
+pnpm dlx @elyri/cli@latest add fade-in gradient-text
+```
+
+## 主题
+
+所有可定制项都是 CSS 变量，定义在 `:root` 上即可全局覆盖，也可以只写在某个容器内做局部覆盖。
+
+```css
+:root {
+  --elyri-duration-base: 500ms;
+  --elyri-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+}
+```
+
+## 组件
+
+| 组件           | 分类        | 说明                                            |
+| -------------- | ----------- | ----------------------------------------------- |
+| `GradientText` | text        | 渐变文字，支持自定义配色与流动动画              |
+| `FadeIn`       | animations  | 进入视口时淡入位移                              |
+| `DragonScales` | backgrounds | WebGL 龙鳞动态背景，光源跟随指针                |
+| `Aurora`       | backgrounds | WebGL 极光夜空，多层光帘与星空                  |
+| `SilkWaves`    | backgrounds | WebGL 流动丝绸，缎面光泽                        |
+| `Caustics`     | backgrounds | WebGL 水下焦散光网，指针荡开水波                |
+| `Velvet`       | backgrounds | WebGL 垂坠丝绒，褶皱泛起绒光，指针划出渐消压痕  |
+| `Planet`       | backgrounds | WebGL 轨道视角星球（火星/木星），大气辉光与日出 |
+| `MeshGradient` | backgrounds | WebGL 流光渐变，彩色丝带缓缓流淌并带缎面光泽    |
+| `Halo`         | backgrounds | WebGL 极简细光环，高光沿圆周缓缓流动            |
+| `DotField`     | backgrounds | WebGL 呼吸点阵，指针处形成放大透镜              |
+| `Contours`     | backgrounds | WebGL 缓慢漂移的等高线，指针处隆起小山          |
+| `Filaments`    | backgrounds | WebGL 交织光丝，如被轻拨的琴弦般起伏            |
+| `FlipTiles`    | backgrounds | WebGL 倒角立方体阵列，成波滚动翻出强调色侧面    |
+
+## Hooks
+
+| Hook / Provider           | 说明                                        |
+| ------------------------- | ------------------------------------------- |
+| `usePrefersReducedMotion` | 读取系统「减弱动态效果」偏好                |
+| `ReducedMotionProvider`   | 强制某棵子树播放 / 静止，优先级高于系统偏好 |
+
+## License
+
+MIT

package/dist/chunk-A7JCTGZO.js

@@ -0,0 +1,230 @@
+import { createContext, useSyncExternalStore, useContext, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/hooks/useColorScheme.ts
+var readColorScheme = () => {
+  const root = document.documentElement;
+  const attr = root.dataset.theme;
+  if (attr === "light" || attr === "dark") return attr;
+  if (root.classList.contains("light")) return "light";
+  if (root.classList.contains("dark")) return "dark";
+  return "dark";
+};
+var subscribe = (onChange) => {
+  const observer = new MutationObserver(onChange);
+  observer.observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme", "class"] });
+  return () => observer.disconnect();
+};
+var getServerSnapshot = () => "dark";
+function useColorScheme() {
+  return useSyncExternalStore(subscribe, readColorScheme, getServerSnapshot);
+}
+var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+var mediaQuery = null;
+var query = () => mediaQuery ??= window.matchMedia(REDUCED_MOTION_QUERY);
+var subscribe2 = (onChange) => {
+  const media = query();
+  media.addEventListener("change", onChange);
+  return () => media.removeEventListener("change", onChange);
+};
+var getSnapshot = () => query().matches;
+var getServerSnapshot2 = () => false;
+var ReducedMotionContext = createContext(null);
+function ReducedMotionProvider({ reduced, children }) {
+  return /* @__PURE__ */ jsx(ReducedMotionContext.Provider, { value: reduced, children });
+}
+function usePrefersReducedMotion() {
+  const override = useContext(ReducedMotionContext);
+  const system = useSyncExternalStore(subscribe2, getSnapshot, getServerSnapshot2);
+  return override ?? system;
+}
+var VERTEX_SHADER = `
+attribute vec2 aPosition;
+void main() {
+  gl_Position = vec4(aPosition, 0.0, 1.0);
+}
+`;
+var FRAME_INTERVAL = 1e3 / 60 - 1;
+var compile = (gl, fragmentShader) => {
+  const program = gl.createProgram();
+  if (!program) return null;
+  for (const [type, source] of [
+    [gl.VERTEX_SHADER, VERTEX_SHADER],
+    [gl.FRAGMENT_SHADER, fragmentShader]
+  ]) {
+    const shader = gl.createShader(type);
+    if (!shader) return null;
+    gl.shaderSource(shader, source);
+    gl.compileShader(shader);
+    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+      console.error("[elyri] shader compile failed:", gl.getShaderInfoLog(shader));
+    }
+    gl.attachShader(program, shader);
+    gl.deleteShader(shader);
+  }
+  gl.linkProgram(program);
+  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+    console.error("[elyri] shader link failed:", gl.getProgramInfoLog(program));
+    gl.deleteProgram(program);
+    return null;
+  }
+  return program;
+};
+function useShaderCanvas(options) {
+  const canvasRef = useRef(null);
+  const optionsRef = useRef(options);
+  const redrawRef = useRef(void 0);
+  const prefersReducedMotion = usePrefersReducedMotion();
+  const { fragmentShader } = options;
+  useEffect(() => {
+    optionsRef.current = options;
+    redrawRef.current?.();
+  });
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    const gl = canvas?.getContext("webgl", { alpha: false, antialias: false });
+    if (!canvas || !gl) return;
+    const program = compile(gl, fragmentShader);
+    if (!program) return;
+    const buffer = gl.createBuffer();
+    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW);
+    gl.useProgram(program);
+    const position = gl.getAttribLocation(program, "aPosition");
+    gl.enableVertexAttribArray(position);
+    gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);
+    const locations = /* @__PURE__ */ new Map();
+    const uniform = (name) => {
+      if (!locations.has(name)) locations.set(name, gl.getUniformLocation(program, name));
+      return locations.get(name) ?? null;
+    };
+    let width = 1;
+    let height = 1;
+    let dpr = 1;
+    let time = prefersReducedMotion ? optionsRef.current.stillTime ?? 2.4 : 0;
+    const light = { x: 0.62, y: 0.32 };
+    let pointer = null;
+    const wander = () => ({ x: 0.5 + 0.32 * Math.sin(time * 0.31), y: 0.42 + 0.26 * Math.cos(time * 0.23) });
+    const draw = () => {
+      gl.uniform2f(uniform("uResolution"), width, height);
+      gl.uniform1f(uniform("uTime"), time);
+      gl.uniform2f(uniform("uPointer"), light.x * width, light.y * height);
+      optionsRef.current.onDraw?.({ gl, uniform, dpr });
+      gl.drawArrays(gl.TRIANGLES, 0, 3);
+      canvas.dataset.ready = "";
+    };
+    const resize = () => {
+      const rect = canvas.getBoundingClientRect();
+      dpr = Math.min(window.devicePixelRatio || 1, optionsRef.current.maxDpr ?? 2);
+      width = Math.max(1, Math.round(rect.width * dpr));
+      height = Math.max(1, Math.round(rect.height * dpr));
+      canvas.width = width;
+      canvas.height = height;
+      gl.viewport(0, 0, width, height);
+      draw();
+    };
+    const handlePointerMove = (event) => {
+      const rect = canvas.getBoundingClientRect();
+      const x = (event.clientX - rect.left) / rect.width;
+      const y = (event.clientY - rect.top) / rect.height;
+      pointer = x >= 0 && x <= 1 && y >= 0 && y <= 1 ? { x, y } : null;
+      if (prefersReducedMotion && pointer && (optionsRef.current.interactive ?? true)) {
+        Object.assign(light, pointer);
+        draw();
+      }
+    };
+    const handlePointerLeave = () => {
+      pointer = null;
+    };
+    let frame = 0;
+    let last = 0;
+    let inView = true;
+    const tick = (now) => {
+      frame = requestAnimationFrame(tick);
+      if (last && now - last < FRAME_INTERVAL) return;
+      const dt = last ? Math.min((now - last) / 1e3, 0.1) : 0;
+      last = now;
+      const { speed = 1, interactive = true } = optionsRef.current;
+      time += dt * speed;
+      const target = pointer && interactive ? pointer : wander();
+      const ease = 1 - Math.exp(-dt * 4);
+      light.x += (target.x - light.x) * ease;
+      light.y += (target.y - light.y) * ease;
+      draw();
+    };
+    const start = () => {
+      if (prefersReducedMotion || frame || !inView || document.hidden) return;
+      last = 0;
+      frame = requestAnimationFrame(tick);
+    };
+    const stop = () => {
+      cancelAnimationFrame(frame);
+      frame = 0;
+    };
+    const handleVisibility = () => document.hidden ? stop() : start();
+    const resizeObserver = new ResizeObserver(resize);
+    resizeObserver.observe(canvas);
+    const intersectionObserver = new IntersectionObserver(([entry]) => {
+      inView = entry.isIntersecting;
+      if (inView) start();
+      else stop();
+    });
+    intersectionObserver.observe(canvas);
+    window.addEventListener("pointermove", handlePointerMove, { passive: true });
+    document.documentElement.addEventListener("pointerleave", handlePointerLeave);
+    document.addEventListener("visibilitychange", handleVisibility);
+    redrawRef.current = () => {
+      if (prefersReducedMotion) draw();
+    };
+    resize();
+    start();
+    return () => {
+      stop();
+      redrawRef.current = void 0;
+      resizeObserver.disconnect();
+      intersectionObserver.disconnect();
+      window.removeEventListener("pointermove", handlePointerMove);
+      document.documentElement.removeEventListener("pointerleave", handlePointerLeave);
+      document.removeEventListener("visibilitychange", handleVisibility);
+      gl.deleteBuffer(buffer);
+      gl.deleteProgram(program);
+    };
+  }, [fragmentShader, prefersReducedMotion]);
+  return canvasRef;
+}
+
+// src/utils/cn.ts
+function cn(...values) {
+  const classes = [];
+  for (const value of values) {
+    if (!value) continue;
+    classes.push(Array.isArray(value) ? cn(...value) : String(value));
+  }
+  return classes.filter(Boolean).join(" ");
+}
+
+// src/utils/color.ts
+function hexToLinearRgb(hex) {
+  let value = hex.replace("#", "");
+  if (value.length === 3) value = [...value].map((char) => char + char).join("");
+  const int = parseInt(value.slice(0, 6), 16);
+  return [int >> 16 & 255, int >> 8 & 255, int & 255].map((channel) => (channel / 255) ** 2.2);
+}
+
+// src/utils/text.ts
+var splitTextUnits = (text, by) => {
+  let index = 0;
+  return text.split(/(\s+)/).filter(Boolean).map((part, partIndex) => {
+    if (/^\s+$/.test(part)) return { kind: "space", key: `space-${partIndex}`, value: part };
+    const units = by === "char" ? Array.from(part) : [part];
+    return {
+      kind: "word",
+      key: `word-${partIndex}`,
+      units: units.map((char) => ({ char, index: index++ }))
+    };
+  });
+};
+
+export { ReducedMotionProvider, cn, hexToLinearRgb, splitTextUnits, useColorScheme, usePrefersReducedMotion, useShaderCanvas };
+//# sourceMappingURL=chunk-A7JCTGZO.js.map
+//# sourceMappingURL=chunk-A7JCTGZO.js.map

package/dist/chunk-A7JCTGZO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useColorScheme.ts","../src/hooks/usePrefersReducedMotion.tsx","../src/hooks/useShaderCanvas.ts","../src/utils/cn.ts","../src/utils/color.ts","../src/utils/text.ts"],"names":["subscribe","getServerSnapshot","useSyncExternalStore"],"mappings":"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","file":"chunk-A7JCTGZO.js","sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport type ColorScheme = 'light' | 'dark';\n\n/** 从页面根元素读取当前主题：优先 data-theme，其次 .dark / .light 类名，默认深色 */\nconst readColorScheme = (): ColorScheme => {\n  const root = document.documentElement;\n  const attr = root.dataset.theme;\n  if (attr === 'light' || attr === 'dark') return attr;\n  if (root.classList.contains('light')) return 'light';\n  if (root.classList.contains('dark')) return 'dark';\n  return 'dark';\n};\n\nconst subscribe = (onChange: () => void) => {\n  const observer = new MutationObserver(onChange);\n  observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme', 'class'] });\n  return () => observer.disconnect();\n};\n\n/** 服务端渲染时按深色输出，水合后再切到页面的真实主题 */\nconst getServerSnapshot = (): ColorScheme => 'dark';\n\n/**\n * 跟随页面主题实时切换明暗：主题由页面（<html data-theme> 或 .dark/.light）决定，\n * 组件只做镜像，不读取系统偏好。\n */\nexport function useColorScheme(): ColorScheme {\n  return useSyncExternalStore(subscribe, readColorScheme, getServerSnapshot);\n}\n","import { createContext, useContext, useSyncExternalStore } from 'react';\nimport type { ReactNode } from 'react';\n\nconst REDUCED_MOTION_QUERY = '(prefers-reduced-motion: reduce)';\n\nlet mediaQuery: MediaQueryList | null = null;\nconst query = () => (mediaQuery ??= window.matchMedia(REDUCED_MOTION_QUERY));\n\nconst subscribe = (onChange: () => void) => {\n  const media = query();\n  media.addEventListener('change', onChange);\n  return () => media.removeEventListener('change', onChange);\n};\n\nconst getSnapshot = () => query().matches;\n\n/** 服务端渲染时先按 false 输出，水合后再切到真实值 */\nconst getServerSnapshot = () => false;\n\n/** 上层可强制一棵子树进入 / 退出「减弱动态效果」，null 表示跟随系统 */\nconst ReducedMotionContext = createContext<boolean | null>(null);\n\nexport interface ReducedMotionProviderProps {\n  /** true 时子树内的动画只呈现静止状态，false 强制播放 */\n  reduced: boolean;\n  children: ReactNode;\n}\n\n/**\n * 在不改动系统设置的前提下，强制某棵子树播放或静止。\n * 子树内的动画都读取该值，优先级高于系统偏好。\n */\nexport function ReducedMotionProvider({ reduced, children }: ReducedMotionProviderProps) {\n  return <ReducedMotionContext.Provider value={reduced}>{children}</ReducedMotionContext.Provider>;\n}\n\nexport function usePrefersReducedMotion(): boolean {\n  const override = useContext(ReducedMotionContext);\n  const system = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n  return override ?? system;\n}\n","import { useEffect, useRef } from 'react';\n\nimport { usePrefersReducedMotion } from './usePrefersReducedMotion';\n\nconst VERTEX_SHADER = `\nattribute vec2 aPosition;\nvoid main() {\n  gl_Position = vec4(aPosition, 0.0, 1.0);\n}\n`;\n\n/** 绘制帧率上限；留 1ms 容差，避免 60Hz 屏上因 rAF 抖动被误判而丢帧 */\nconst FRAME_INTERVAL = 1000 / 60 - 1;\n\nexport interface ShaderFrame {\n  gl: WebGLRenderingContext;\n  /** 按名称取 uniform 位置（带缓存） */\n  uniform: (name: string) => WebGLUniformLocation | null;\n  /** 当前使用的设备像素比 */\n  dpr: number;\n}\n\nexport interface ShaderCanvasOptions {\n  /**\n   * 全屏片元着色器。每帧自动写入：\n   * - uResolution：画布尺寸（设备像素）\n   * - uTime：累计动画时间（秒，已乘 speed）\n   * - uPointer：平滑后的指针位置（设备像素，原点左上）；无指针时沿轨迹缓慢游走\n   */\n  fragmentShader: string;\n  /** 每次绘制前写入组件自定义的 uniform */\n  onDraw?: (frame: ShaderFrame) => void;\n  speed?: number;\n  interactive?: boolean;\n  /** 减弱动态效果时停留的时间点 */\n  stillTime?: number;\n  /** 内部渲染分辨率上限（设备像素比），默认 2；重着色器可调低以省填充率 */\n  maxDpr?: number;\n}\n\nconst compile = (gl: WebGLRenderingContext, fragmentShader: string) => {\n  const program = gl.createProgram();\n  if (!program) return null;\n\n  for (const [type, source] of [\n    [gl.VERTEX_SHADER, VERTEX_SHADER],\n    [gl.FRAGMENT_SHADER, fragmentShader],\n  ] as const) {\n    const shader = gl.createShader(type);\n    if (!shader) return null;\n    gl.shaderSource(shader, source);\n    gl.compileShader(shader);\n    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n      console.error('[elyri] shader compile failed:', gl.getShaderInfoLog(shader));\n    }\n    gl.attachShader(program, shader);\n    gl.deleteShader(shader);\n  }\n\n  gl.linkProgram(program);\n  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n    console.error('[elyri] shader link failed:', gl.getProgramInfoLog(program));\n    gl.deleteProgram(program);\n    return null;\n  }\n  return program;\n};\n\n/**\n * 把一个全屏片元着色器渲染到 canvas 上：负责尺寸与 DPR、指针跟随、\n * 离屏/后台暂停，以及减弱动态效果时只绘制静止帧。\n */\nexport function useShaderCanvas(options: ShaderCanvasOptions) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const optionsRef = useRef(options);\n  const redrawRef = useRef<() => void>(undefined);\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const { fragmentShader } = options;\n\n  // 每次渲染同步最新参数；静止模式下参数变化需要手动重绘\n  useEffect(() => {\n    optionsRef.current = options;\n    redrawRef.current?.();\n  });\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const gl = canvas?.getContext('webgl', { alpha: false, antialias: false });\n    if (!canvas || !gl) return;\n\n    const program = compile(gl, fragmentShader);\n    if (!program) return;\n\n    // 单个覆盖全屏的三角形\n    const buffer = gl.createBuffer();\n    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW);\n    gl.useProgram(program);\n    const position = gl.getAttribLocation(program, 'aPosition');\n    gl.enableVertexAttribArray(position);\n    gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n\n    const locations = new Map<string, WebGLUniformLocation | null>();\n    const uniform = (name: string) => {\n      if (!locations.has(name)) locations.set(name, gl.getUniformLocation(program, name));\n      return locations.get(name) ?? null;\n    };\n\n    let width = 1;\n    let height = 1;\n    let dpr = 1;\n    let time = prefersReducedMotion ? (optionsRef.current.stillTime ?? 2.4) : 0;\n    // 指针位置用 0-1 的相对坐标\n    const light = { x: 0.62, y: 0.32 };\n    let pointer: { x: number; y: number } | null = null;\n\n    const wander = () => ({ x: 0.5 + 0.32 * Math.sin(time * 0.31), y: 0.42 + 0.26 * Math.cos(time * 0.23) });\n\n    const draw = () => {\n      gl.uniform2f(uniform('uResolution'), width, height);\n      gl.uniform1f(uniform('uTime'), time);\n      gl.uniform2f(uniform('uPointer'), light.x * width, light.y * height);\n      optionsRef.current.onDraw?.({ gl, uniform, dpr });\n      gl.drawArrays(gl.TRIANGLES, 0, 3);\n      canvas.dataset.ready = '';\n    };\n\n    const resize = () => {\n      const rect = canvas.getBoundingClientRect();\n      dpr = Math.min(window.devicePixelRatio || 1, optionsRef.current.maxDpr ?? 2);\n      width = Math.max(1, Math.round(rect.width * dpr));\n      height = Math.max(1, Math.round(rect.height * dpr));\n      canvas.width = width;\n      canvas.height = height;\n      gl.viewport(0, 0, width, height);\n      draw();\n    };\n\n    const handlePointerMove = (event: PointerEvent) => {\n      const rect = canvas.getBoundingClientRect();\n      const x = (event.clientX - rect.left) / rect.width;\n      const y = (event.clientY - rect.top) / rect.height;\n      pointer = x >= 0 && x <= 1 && y >= 0 && y <= 1 ? { x, y } : null;\n      if (prefersReducedMotion && pointer && (optionsRef.current.interactive ?? true)) {\n        Object.assign(light, pointer);\n        draw();\n      }\n    };\n    const handlePointerLeave = () => {\n      pointer = null;\n    };\n\n    let frame = 0;\n    let last = 0;\n    let inView = true;\n\n    const tick = (now: number) => {\n      frame = requestAnimationFrame(tick);\n      if (last && now - last < FRAME_INTERVAL) return;\n      const dt = last ? Math.min((now - last) / 1000, 0.1) : 0;\n      last = now;\n      const { speed = 1, interactive = true } = optionsRef.current;\n      time += dt * speed;\n      const target = pointer && interactive ? pointer : wander();\n      const ease = 1 - Math.exp(-dt * 4);\n      light.x += (target.x - light.x) * ease;\n      light.y += (target.y - light.y) * ease;\n      draw();\n    };\n\n    const start = () => {\n      if (prefersReducedMotion || frame || !inView || document.hidden) return;\n      last = 0;\n      frame = requestAnimationFrame(tick);\n    };\n    const stop = () => {\n      cancelAnimationFrame(frame);\n      frame = 0;\n    };\n    const handleVisibility = () => (document.hidden ? stop() : start());\n\n    const resizeObserver = new ResizeObserver(resize);\n    resizeObserver.observe(canvas);\n    const intersectionObserver = new IntersectionObserver(([entry]) => {\n      inView = entry.isIntersecting;\n      if (inView) start();\n      else stop();\n    });\n    intersectionObserver.observe(canvas);\n\n    window.addEventListener('pointermove', handlePointerMove, { passive: true });\n    document.documentElement.addEventListener('pointerleave', handlePointerLeave);\n    document.addEventListener('visibilitychange', handleVisibility);\n    redrawRef.current = () => {\n      if (prefersReducedMotion) draw();\n    };\n\n    resize();\n    start();\n\n    return () => {\n      stop();\n      redrawRef.current = undefined;\n      resizeObserver.disconnect();\n      intersectionObserver.disconnect();\n      window.removeEventListener('pointermove', handlePointerMove);\n      document.documentElement.removeEventListener('pointerleave', handlePointerLeave);\n      document.removeEventListener('visibilitychange', handleVisibility);\n      gl.deleteBuffer(buffer);\n      gl.deleteProgram(program);\n    };\n  }, [fragmentShader, prefersReducedMotion]);\n\n  return canvasRef;\n}\n","export type ClassValue = string | number | null | undefined | false | ClassValue[];\n\nexport function cn(...values: ClassValue[]): string {\n  const classes: string[] = [];\n\n  for (const value of values) {\n    if (!value) continue;\n    classes.push(Array.isArray(value) ? cn(...value) : String(value));\n  }\n\n  return classes.filter(Boolean).join(' ');\n}\n","export type LinearRgb = [number, number, number];\n\n/** hex（#rgb / #rrggbb）转线性空间 RGB，供着色器在线性空间计算光照 */\nexport function hexToLinearRgb(hex: string): LinearRgb {\n  let value = hex.replace('#', '');\n  if (value.length === 3) value = [...value].map((char) => char + char).join('');\n  const int = parseInt(value.slice(0, 6), 16);\n  return [(int >> 16) & 255, (int >> 8) & 255, int & 255].map((channel) => (channel / 255) ** 2.2) as LinearRgb;\n}\n","export type SplitTextBy = 'char' | 'word';\n\nexport interface SplitTextUnit {\n  char: string;\n  index: number;\n}\n\nexport type SplitTextSegment =\n  { kind: 'space'; key: string; value: string } | { kind: 'word'; key: string; units: SplitTextUnit[] };\n\n/** 按空白切分文本，保留空白片段，并为每个动画单元分配全局序号 */\nexport const splitTextUnits = (text: string, by: SplitTextBy): SplitTextSegment[] => {\n  let index = 0;\n\n  return text\n    .split(/(\\s+)/)\n    .filter(Boolean)\n    .map((part, partIndex) => {\n      if (/^\\s+$/.test(part)) return { kind: 'space' as const, key: `space-${partIndex}`, value: part };\n\n      const units = by === 'char' ? Array.from(part) : [part];\n\n      return {\n        kind: 'word' as const,\n        key: `word-${partIndex}`,\n        units: units.map((char) => ({ char, index: index++ })),\n      };\n    });\n};\n"]}

package/dist/core.cjs

@@ -0,0 +1,238 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/hooks/useColorScheme.ts
+var readColorScheme = () => {
+  const root = document.documentElement;
+  const attr = root.dataset.theme;
+  if (attr === "light" || attr === "dark") return attr;
+  if (root.classList.contains("light")) return "light";
+  if (root.classList.contains("dark")) return "dark";
+  return "dark";
+};
+var subscribe = (onChange) => {
+  const observer = new MutationObserver(onChange);
+  observer.observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme", "class"] });
+  return () => observer.disconnect();
+};
+var getServerSnapshot = () => "dark";
+function useColorScheme() {
+  return react.useSyncExternalStore(subscribe, readColorScheme, getServerSnapshot);
+}
+var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+var mediaQuery = null;
+var query = () => mediaQuery ??= window.matchMedia(REDUCED_MOTION_QUERY);
+var subscribe2 = (onChange) => {
+  const media = query();
+  media.addEventListener("change", onChange);
+  return () => media.removeEventListener("change", onChange);
+};
+var getSnapshot = () => query().matches;
+var getServerSnapshot2 = () => false;
+var ReducedMotionContext = react.createContext(null);
+function ReducedMotionProvider({ reduced, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ReducedMotionContext.Provider, { value: reduced, children });
+}
+function usePrefersReducedMotion() {
+  const override = react.useContext(ReducedMotionContext);
+  const system = react.useSyncExternalStore(subscribe2, getSnapshot, getServerSnapshot2);
+  return override ?? system;
+}
+var VERTEX_SHADER = `
+attribute vec2 aPosition;
+void main() {
+  gl_Position = vec4(aPosition, 0.0, 1.0);
+}
+`;
+var FRAME_INTERVAL = 1e3 / 60 - 1;
+var compile = (gl, fragmentShader) => {
+  const program = gl.createProgram();
+  if (!program) return null;
+  for (const [type, source] of [
+    [gl.VERTEX_SHADER, VERTEX_SHADER],
+    [gl.FRAGMENT_SHADER, fragmentShader]
+  ]) {
+    const shader = gl.createShader(type);
+    if (!shader) return null;
+    gl.shaderSource(shader, source);
+    gl.compileShader(shader);
+    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+      console.error("[elyri] shader compile failed:", gl.getShaderInfoLog(shader));
+    }
+    gl.attachShader(program, shader);
+    gl.deleteShader(shader);
+  }
+  gl.linkProgram(program);
+  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+    console.error("[elyri] shader link failed:", gl.getProgramInfoLog(program));
+    gl.deleteProgram(program);
+    return null;
+  }
+  return program;
+};
+function useShaderCanvas(options) {
+  const canvasRef = react.useRef(null);
+  const optionsRef = react.useRef(options);
+  const redrawRef = react.useRef(void 0);
+  const prefersReducedMotion = usePrefersReducedMotion();
+  const { fragmentShader } = options;
+  react.useEffect(() => {
+    optionsRef.current = options;
+    redrawRef.current?.();
+  });
+  react.useEffect(() => {
+    const canvas = canvasRef.current;
+    const gl = canvas?.getContext("webgl", { alpha: false, antialias: false });
+    if (!canvas || !gl) return;
+    const program = compile(gl, fragmentShader);
+    if (!program) return;
+    const buffer = gl.createBuffer();
+    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW);
+    gl.useProgram(program);
+    const position = gl.getAttribLocation(program, "aPosition");
+    gl.enableVertexAttribArray(position);
+    gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);
+    const locations = /* @__PURE__ */ new Map();
+    const uniform = (name) => {
+      if (!locations.has(name)) locations.set(name, gl.getUniformLocation(program, name));
+      return locations.get(name) ?? null;
+    };
+    let width = 1;
+    let height = 1;
+    let dpr = 1;
+    let time = prefersReducedMotion ? optionsRef.current.stillTime ?? 2.4 : 0;
+    const light = { x: 0.62, y: 0.32 };
+    let pointer = null;
+    const wander = () => ({ x: 0.5 + 0.32 * Math.sin(time * 0.31), y: 0.42 + 0.26 * Math.cos(time * 0.23) });
+    const draw = () => {
+      gl.uniform2f(uniform("uResolution"), width, height);
+      gl.uniform1f(uniform("uTime"), time);
+      gl.uniform2f(uniform("uPointer"), light.x * width, light.y * height);
+      optionsRef.current.onDraw?.({ gl, uniform, dpr });
+      gl.drawArrays(gl.TRIANGLES, 0, 3);
+      canvas.dataset.ready = "";
+    };
+    const resize = () => {
+      const rect = canvas.getBoundingClientRect();
+      dpr = Math.min(window.devicePixelRatio || 1, optionsRef.current.maxDpr ?? 2);
+      width = Math.max(1, Math.round(rect.width * dpr));
+      height = Math.max(1, Math.round(rect.height * dpr));
+      canvas.width = width;
+      canvas.height = height;
+      gl.viewport(0, 0, width, height);
+      draw();
+    };
+    const handlePointerMove = (event) => {
+      const rect = canvas.getBoundingClientRect();
+      const x = (event.clientX - rect.left) / rect.width;
+      const y = (event.clientY - rect.top) / rect.height;
+      pointer = x >= 0 && x <= 1 && y >= 0 && y <= 1 ? { x, y } : null;
+      if (prefersReducedMotion && pointer && (optionsRef.current.interactive ?? true)) {
+        Object.assign(light, pointer);
+        draw();
+      }
+    };
+    const handlePointerLeave = () => {
+      pointer = null;
+    };
+    let frame = 0;
+    let last = 0;
+    let inView = true;
+    const tick = (now) => {
+      frame = requestAnimationFrame(tick);
+      if (last && now - last < FRAME_INTERVAL) return;
+      const dt = last ? Math.min((now - last) / 1e3, 0.1) : 0;
+      last = now;
+      const { speed = 1, interactive = true } = optionsRef.current;
+      time += dt * speed;
+      const target = pointer && interactive ? pointer : wander();
+      const ease = 1 - Math.exp(-dt * 4);
+      light.x += (target.x - light.x) * ease;
+      light.y += (target.y - light.y) * ease;
+      draw();
+    };
+    const start = () => {
+      if (prefersReducedMotion || frame || !inView || document.hidden) return;
+      last = 0;
+      frame = requestAnimationFrame(tick);
+    };
+    const stop = () => {
+      cancelAnimationFrame(frame);
+      frame = 0;
+    };
+    const handleVisibility = () => document.hidden ? stop() : start();
+    const resizeObserver = new ResizeObserver(resize);
+    resizeObserver.observe(canvas);
+    const intersectionObserver = new IntersectionObserver(([entry]) => {
+      inView = entry.isIntersecting;
+      if (inView) start();
+      else stop();
+    });
+    intersectionObserver.observe(canvas);
+    window.addEventListener("pointermove", handlePointerMove, { passive: true });
+    document.documentElement.addEventListener("pointerleave", handlePointerLeave);
+    document.addEventListener("visibilitychange", handleVisibility);
+    redrawRef.current = () => {
+      if (prefersReducedMotion) draw();
+    };
+    resize();
+    start();
+    return () => {
+      stop();
+      redrawRef.current = void 0;
+      resizeObserver.disconnect();
+      intersectionObserver.disconnect();
+      window.removeEventListener("pointermove", handlePointerMove);
+      document.documentElement.removeEventListener("pointerleave", handlePointerLeave);
+      document.removeEventListener("visibilitychange", handleVisibility);
+      gl.deleteBuffer(buffer);
+      gl.deleteProgram(program);
+    };
+  }, [fragmentShader, prefersReducedMotion]);
+  return canvasRef;
+}
+
+// src/utils/cn.ts
+function cn(...values) {
+  const classes = [];
+  for (const value of values) {
+    if (!value) continue;
+    classes.push(Array.isArray(value) ? cn(...value) : String(value));
+  }
+  return classes.filter(Boolean).join(" ");
+}
+
+// src/utils/color.ts
+function hexToLinearRgb(hex) {
+  let value = hex.replace("#", "");
+  if (value.length === 3) value = [...value].map((char) => char + char).join("");
+  const int = parseInt(value.slice(0, 6), 16);
+  return [int >> 16 & 255, int >> 8 & 255, int & 255].map((channel) => (channel / 255) ** 2.2);
+}
+
+// src/utils/text.ts
+var splitTextUnits = (text, by) => {
+  let index = 0;
+  return text.split(/(\s+)/).filter(Boolean).map((part, partIndex) => {
+    if (/^\s+$/.test(part)) return { kind: "space", key: `space-${partIndex}`, value: part };
+    const units = by === "char" ? Array.from(part) : [part];
+    return {
+      kind: "word",
+      key: `word-${partIndex}`,
+      units: units.map((char) => ({ char, index: index++ }))
+    };
+  });
+};
+
+exports.ReducedMotionProvider = ReducedMotionProvider;
+exports.cn = cn;
+exports.hexToLinearRgb = hexToLinearRgb;
+exports.splitTextUnits = splitTextUnits;
+exports.useColorScheme = useColorScheme;
+exports.usePrefersReducedMotion = usePrefersReducedMotion;
+exports.useShaderCanvas = useShaderCanvas;
+//# sourceMappingURL=core.cjs.map
+//# sourceMappingURL=core.cjs.map

package/dist/core.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useColorScheme.ts","../src/hooks/usePrefersReducedMotion.tsx","../src/hooks/useShaderCanvas.ts","../src/utils/cn.ts","../src/utils/color.ts","../src/utils/text.ts"],"names":["useSyncExternalStore","subscribe","getServerSnapshot","createContext","useContext","useRef","useEffect"],"mappings":"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","file":"core.cjs","sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport type ColorScheme = 'light' | 'dark';\n\n/** 从页面根元素读取当前主题：优先 data-theme，其次 .dark / .light 类名，默认深色 */\nconst readColorScheme = (): ColorScheme => {\n  const root = document.documentElement;\n  const attr = root.dataset.theme;\n  if (attr === 'light' || attr === 'dark') return attr;\n  if (root.classList.contains('light')) return 'light';\n  if (root.classList.contains('dark')) return 'dark';\n  return 'dark';\n};\n\nconst subscribe = (onChange: () => void) => {\n  const observer = new MutationObserver(onChange);\n  observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme', 'class'] });\n  return () => observer.disconnect();\n};\n\n/** 服务端渲染时按深色输出，水合后再切到页面的真实主题 */\nconst getServerSnapshot = (): ColorScheme => 'dark';\n\n/**\n * 跟随页面主题实时切换明暗：主题由页面（<html data-theme> 或 .dark/.light）决定，\n * 组件只做镜像，不读取系统偏好。\n */\nexport function useColorScheme(): ColorScheme {\n  return useSyncExternalStore(subscribe, readColorScheme, getServerSnapshot);\n}\n","import { createContext, useContext, useSyncExternalStore } from 'react';\nimport type { ReactNode } from 'react';\n\nconst REDUCED_MOTION_QUERY = '(prefers-reduced-motion: reduce)';\n\nlet mediaQuery: MediaQueryList | null = null;\nconst query = () => (mediaQuery ??= window.matchMedia(REDUCED_MOTION_QUERY));\n\nconst subscribe = (onChange: () => void) => {\n  const media = query();\n  media.addEventListener('change', onChange);\n  return () => media.removeEventListener('change', onChange);\n};\n\nconst getSnapshot = () => query().matches;\n\n/** 服务端渲染时先按 false 输出，水合后再切到真实值 */\nconst getServerSnapshot = () => false;\n\n/** 上层可强制一棵子树进入 / 退出「减弱动态效果」，null 表示跟随系统 */\nconst ReducedMotionContext = createContext<boolean | null>(null);\n\nexport interface ReducedMotionProviderProps {\n  /** true 时子树内的动画只呈现静止状态，false 强制播放 */\n  reduced: boolean;\n  children: ReactNode;\n}\n\n/**\n * 在不改动系统设置的前提下，强制某棵子树播放或静止。\n * 子树内的动画都读取该值，优先级高于系统偏好。\n */\nexport function ReducedMotionProvider({ reduced, children }: ReducedMotionProviderProps) {\n  return <ReducedMotionContext.Provider value={reduced}>{children}</ReducedMotionContext.Provider>;\n}\n\nexport function usePrefersReducedMotion(): boolean {\n  const override = useContext(ReducedMotionContext);\n  const system = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n  return override ?? system;\n}\n","import { useEffect, useRef } from 'react';\n\nimport { usePrefersReducedMotion } from './usePrefersReducedMotion';\n\nconst VERTEX_SHADER = `\nattribute vec2 aPosition;\nvoid main() {\n  gl_Position = vec4(aPosition, 0.0, 1.0);\n}\n`;\n\n/** 绘制帧率上限；留 1ms 容差，避免 60Hz 屏上因 rAF 抖动被误判而丢帧 */\nconst FRAME_INTERVAL = 1000 / 60 - 1;\n\nexport interface ShaderFrame {\n  gl: WebGLRenderingContext;\n  /** 按名称取 uniform 位置（带缓存） */\n  uniform: (name: string) => WebGLUniformLocation | null;\n  /** 当前使用的设备像素比 */\n  dpr: number;\n}\n\nexport interface ShaderCanvasOptions {\n  /**\n   * 全屏片元着色器。每帧自动写入：\n   * - uResolution：画布尺寸（设备像素）\n   * - uTime：累计动画时间（秒，已乘 speed）\n   * - uPointer：平滑后的指针位置（设备像素，原点左上）；无指针时沿轨迹缓慢游走\n   */\n  fragmentShader: string;\n  /** 每次绘制前写入组件自定义的 uniform */\n  onDraw?: (frame: ShaderFrame) => void;\n  speed?: number;\n  interactive?: boolean;\n  /** 减弱动态效果时停留的时间点 */\n  stillTime?: number;\n  /** 内部渲染分辨率上限（设备像素比），默认 2；重着色器可调低以省填充率 */\n  maxDpr?: number;\n}\n\nconst compile = (gl: WebGLRenderingContext, fragmentShader: string) => {\n  const program = gl.createProgram();\n  if (!program) return null;\n\n  for (const [type, source] of [\n    [gl.VERTEX_SHADER, VERTEX_SHADER],\n    [gl.FRAGMENT_SHADER, fragmentShader],\n  ] as const) {\n    const shader = gl.createShader(type);\n    if (!shader) return null;\n    gl.shaderSource(shader, source);\n    gl.compileShader(shader);\n    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n      console.error('[elyri] shader compile failed:', gl.getShaderInfoLog(shader));\n    }\n    gl.attachShader(program, shader);\n    gl.deleteShader(shader);\n  }\n\n  gl.linkProgram(program);\n  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n    console.error('[elyri] shader link failed:', gl.getProgramInfoLog(program));\n    gl.deleteProgram(program);\n    return null;\n  }\n  return program;\n};\n\n/**\n * 把一个全屏片元着色器渲染到 canvas 上：负责尺寸与 DPR、指针跟随、\n * 离屏/后台暂停，以及减弱动态效果时只绘制静止帧。\n */\nexport function useShaderCanvas(options: ShaderCanvasOptions) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const optionsRef = useRef(options);\n  const redrawRef = useRef<() => void>(undefined);\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const { fragmentShader } = options;\n\n  // 每次渲染同步最新参数；静止模式下参数变化需要手动重绘\n  useEffect(() => {\n    optionsRef.current = options;\n    redrawRef.current?.();\n  });\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const gl = canvas?.getContext('webgl', { alpha: false, antialias: false });\n    if (!canvas || !gl) return;\n\n    const program = compile(gl, fragmentShader);\n    if (!program) return;\n\n    // 单个覆盖全屏的三角形\n    const buffer = gl.createBuffer();\n    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);\n    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW);\n    gl.useProgram(program);\n    const position = gl.getAttribLocation(program, 'aPosition');\n    gl.enableVertexAttribArray(position);\n    gl.vertexAttribPointer(position, 2, gl.FLOAT, false, 0, 0);\n\n    const locations = new Map<string, WebGLUniformLocation | null>();\n    const uniform = (name: string) => {\n      if (!locations.has(name)) locations.set(name, gl.getUniformLocation(program, name));\n      return locations.get(name) ?? null;\n    };\n\n    let width = 1;\n    let height = 1;\n    let dpr = 1;\n    let time = prefersReducedMotion ? (optionsRef.current.stillTime ?? 2.4) : 0;\n    // 指针位置用 0-1 的相对坐标\n    const light = { x: 0.62, y: 0.32 };\n    let pointer: { x: number; y: number } | null = null;\n\n    const wander = () => ({ x: 0.5 + 0.32 * Math.sin(time * 0.31), y: 0.42 + 0.26 * Math.cos(time * 0.23) });\n\n    const draw = () => {\n      gl.uniform2f(uniform('uResolution'), width, height);\n      gl.uniform1f(uniform('uTime'), time);\n      gl.uniform2f(uniform('uPointer'), light.x * width, light.y * height);\n      optionsRef.current.onDraw?.({ gl, uniform, dpr });\n      gl.drawArrays(gl.TRIANGLES, 0, 3);\n      canvas.dataset.ready = '';\n    };\n\n    const resize = () => {\n      const rect = canvas.getBoundingClientRect();\n      dpr = Math.min(window.devicePixelRatio || 1, optionsRef.current.maxDpr ?? 2);\n      width = Math.max(1, Math.round(rect.width * dpr));\n      height = Math.max(1, Math.round(rect.height * dpr));\n      canvas.width = width;\n      canvas.height = height;\n      gl.viewport(0, 0, width, height);\n      draw();\n    };\n\n    const handlePointerMove = (event: PointerEvent) => {\n      const rect = canvas.getBoundingClientRect();\n      const x = (event.clientX - rect.left) / rect.width;\n      const y = (event.clientY - rect.top) / rect.height;\n      pointer = x >= 0 && x <= 1 && y >= 0 && y <= 1 ? { x, y } : null;\n      if (prefersReducedMotion && pointer && (optionsRef.current.interactive ?? true)) {\n        Object.assign(light, pointer);\n        draw();\n      }\n    };\n    const handlePointerLeave = () => {\n      pointer = null;\n    };\n\n    let frame = 0;\n    let last = 0;\n    let inView = true;\n\n    const tick = (now: number) => {\n      frame = requestAnimationFrame(tick);\n      if (last && now - last < FRAME_INTERVAL) return;\n      const dt = last ? Math.min((now - last) / 1000, 0.1) : 0;\n      last = now;\n      const { speed = 1, interactive = true } = optionsRef.current;\n      time += dt * speed;\n      const target = pointer && interactive ? pointer : wander();\n      const ease = 1 - Math.exp(-dt * 4);\n      light.x += (target.x - light.x) * ease;\n      light.y += (target.y - light.y) * ease;\n      draw();\n    };\n\n    const start = () => {\n      if (prefersReducedMotion || frame || !inView || document.hidden) return;\n      last = 0;\n      frame = requestAnimationFrame(tick);\n    };\n    const stop = () => {\n      cancelAnimationFrame(frame);\n      frame = 0;\n    };\n    const handleVisibility = () => (document.hidden ? stop() : start());\n\n    const resizeObserver = new ResizeObserver(resize);\n    resizeObserver.observe(canvas);\n    const intersectionObserver = new IntersectionObserver(([entry]) => {\n      inView = entry.isIntersecting;\n      if (inView) start();\n      else stop();\n    });\n    intersectionObserver.observe(canvas);\n\n    window.addEventListener('pointermove', handlePointerMove, { passive: true });\n    document.documentElement.addEventListener('pointerleave', handlePointerLeave);\n    document.addEventListener('visibilitychange', handleVisibility);\n    redrawRef.current = () => {\n      if (prefersReducedMotion) draw();\n    };\n\n    resize();\n    start();\n\n    return () => {\n      stop();\n      redrawRef.current = undefined;\n      resizeObserver.disconnect();\n      intersectionObserver.disconnect();\n      window.removeEventListener('pointermove', handlePointerMove);\n      document.documentElement.removeEventListener('pointerleave', handlePointerLeave);\n      document.removeEventListener('visibilitychange', handleVisibility);\n      gl.deleteBuffer(buffer);\n      gl.deleteProgram(program);\n    };\n  }, [fragmentShader, prefersReducedMotion]);\n\n  return canvasRef;\n}\n","export type ClassValue = string | number | null | undefined | false | ClassValue[];\n\nexport function cn(...values: ClassValue[]): string {\n  const classes: string[] = [];\n\n  for (const value of values) {\n    if (!value) continue;\n    classes.push(Array.isArray(value) ? cn(...value) : String(value));\n  }\n\n  return classes.filter(Boolean).join(' ');\n}\n","export type LinearRgb = [number, number, number];\n\n/** hex（#rgb / #rrggbb）转线性空间 RGB，供着色器在线性空间计算光照 */\nexport function hexToLinearRgb(hex: string): LinearRgb {\n  let value = hex.replace('#', '');\n  if (value.length === 3) value = [...value].map((char) => char + char).join('');\n  const int = parseInt(value.slice(0, 6), 16);\n  return [(int >> 16) & 255, (int >> 8) & 255, int & 255].map((channel) => (channel / 255) ** 2.2) as LinearRgb;\n}\n","export type SplitTextBy = 'char' | 'word';\n\nexport interface SplitTextUnit {\n  char: string;\n  index: number;\n}\n\nexport type SplitTextSegment =\n  { kind: 'space'; key: string; value: string } | { kind: 'word'; key: string; units: SplitTextUnit[] };\n\n/** 按空白切分文本，保留空白片段，并为每个动画单元分配全局序号 */\nexport const splitTextUnits = (text: string, by: SplitTextBy): SplitTextSegment[] => {\n  let index = 0;\n\n  return text\n    .split(/(\\s+)/)\n    .filter(Boolean)\n    .map((part, partIndex) => {\n      if (/^\\s+$/.test(part)) return { kind: 'space' as const, key: `space-${partIndex}`, value: part };\n\n      const units = by === 'char' ? Array.from(part) : [part];\n\n      return {\n        kind: 'word' as const,\n        key: `word-${partIndex}`,\n        units: units.map((char) => ({ char, index: index++ })),\n      };\n    });\n};\n"]}