myoperator-mcp 0.2.261 → 0.2.263

package/dist/index.js

@@ -816,6 +816,12 @@ import { cn } from "@/lib/utils";
 
 const DOT_KEYS = [0, 1, 2] as const;
 const DOT_DELAYS_SEC = [0, 0.2, 0.4] as const;
+const ANIMATION_NAME = "bouncing-typing-wave";
+const KEYFRAMES_CSS = \`
+@keyframes \${ANIMATION_NAME} {
+  0%, 60%, 100% { transform: translate3d(0, 0, 0); }
+  30% { transform: translate3d(0, -6px, 0); }
+}\`;
 
 function toCssLength(value: number | string, unit: string): string {
   if (typeof value === "string") {
@@ -871,12 +877,13 @@ const BouncingLoader = React.forwardRef<HTMLSpanElement, BouncingLoaderProps>(
         style={mergedStyle}
         {...props}
       >
+        <style>{KEYFRAMES_CSS}</style>
         {DOT_KEYS.map((i) => (
           <span
             key={i}
-            className="bouncing-loader__dot box-border block h-[var(--bouncing-loader-size,8px)] w-[var(--bouncing-loader-size,8px)] shrink-0 rounded-full bg-[var(--bouncing-loader-color,var(--semantic-text-placeholder,currentColor))] animate-bouncing-typing-wave"
+            className="bouncing-loader__dot box-border block h-[var(--bouncing-loader-size,8px)] w-[var(--bouncing-loader-size,8px)] shrink-0 rounded-full bg-[var(--bouncing-loader-color,var(--semantic-text-placeholder,currentColor))]"
             style={{
-              ["--bouncing-loader-delay" as string]: \`\${DOT_DELAYS_SEC[i]}s\`,
+              animation: \`\${ANIMATION_NAME} 1.4s cubic-bezier(0.4, 0, 0.2, 1) \${DOT_DELAYS_SEC[i]}s infinite\`,
             }}
             aria-hidden
           />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-mcp",
-  "version": "0.2.261",
+  "version": "0.2.263",
   "description": "MCP server for myOperator UI components - enables AI assistants to access component metadata, examples, and design tokens",
   "type": "module",
   "bin": "./dist/index.js",