@cntyclub/ui-react 0.11.0 → 0.13.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];
@@ -1028,7 +1031,10 @@ var AuroraText = memo(function AuroraText2({
     backgroundClip: "text",
     WebkitTextFillColor: "transparent",
     color: "transparent",
-    animationDuration: `${10 / speed}s`
+    // Full `animation` inline (not the `animate-aurora` utility): the keyframe
+    // ships in styles.css unconditionally, so the sweep runs even if the
+    // consumer's Tailwind never generates that utility class.
+    animation: `aurora ${10 / speed}s ease infinite`
   };
   return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-block", className), children: [
     /* @__PURE__ */ jsx("span", { className: "sr-only", children }),
@@ -1036,12 +1042,12 @@ var AuroraText = memo(function AuroraText2({
       "span",
       {
         "aria-hidden": "true",
-        className: "animate-aurora pointer-events-none absolute inset-0 select-none blur-[6px] opacity-60",
+        className: "pointer-events-none absolute inset-0 select-none blur-[6px] opacity-60",
         style: gradientStyle,
         children
       }
     ) : null,
-    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "animate-aurora relative", style: gradientStyle, children })
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "relative", style: gradientStyle, children })
   ] });
 });
 AuroraText.displayName = "AuroraText";