@cntyclub/ui-react 0.11.0 → 0.12.0

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import * as _base_ui_react from '@base-ui/react';
 import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
 import { useRender } from '@base-ui/react/use-render';
 import { OrbState, OrbSize } from 'thinking-orbs';
-export { OrbSize, OrbState } from 'thinking-orbs';
+export { OrbSize, OrbState, OrbTheme, ThinkingOrb, ThinkingOrbProps } from 'thinking-orbs';
 import { Autocomplete as Autocomplete$1 } from '@base-ui/react/autocomplete';
 import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
 import { B as Button, a as ButtonProps, b as InputProps, I as Input } from './input-JCZs61MO.js';

package/dist/index.js

@@ -11,6 +11,7 @@ import { flushSync } from 'react-dom';
 import { mergeProps } from '@base-ui/react/merge-props';
 import { useRender } from '@base-ui/react/use-render';
 import { resolvePreset, MODE_DRAWS } from 'thinking-orbs';
+export { ThinkingOrb } from 'thinking-orbs';
 import { Autocomplete as Autocomplete$1 } from '@base-ui/react/autocomplete';
 import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
 import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
@@ -943,11 +944,11 @@ function AuroraOrb({
     const { mode, speed: baseSpeed, opts } = resolvePreset(state, size);
     const draw = MODE_DRAWS[mode];
     const rate = baseSpeed * speed;
-    const paint = (t) => {
+    const paint = (t, wall) => {
       ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
       ctx.clearRect(0, 0, size, size);
       draw(ctx, size, t, false, opts);
-      const angle = t * 0.5;
+      const angle = wall * 1.2;
       const r = size / 2;
       const dx = Math.cos(angle) * r;
       const dy = Math.sin(angle) * r;
@@ -961,13 +962,14 @@ function AuroraOrb({
       ctx.globalCompositeOperation = "source-over";
     };
     if (typeof matchMedia !== "undefined" && matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      paint(0.6);
+      paint(0.6, 0.6);
       return;
     }
     let frame = 0;
     let running = false;
     const loop = () => {
-      paint(performance.now() / 1e3 * rate);
+      const now = performance.now() / 1e3;
+      paint(now * rate, now);
       if (running) frame = requestAnimationFrame(loop);
     };
     const start = () => {
@@ -979,7 +981,8 @@ function AuroraOrb({
       running = false;
       cancelAnimationFrame(frame);
     };
-    paint(performance.now() / 1e3 * rate);
+    const first = performance.now() / 1e3;
+    paint(first * rate, first);
     let visible = true;
     const observer = typeof IntersectionObserver !== "undefined" ? new IntersectionObserver((entries) => {
       const entry = entries[0];