myoperator-mcp 0.2.262 → 0.2.264

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
           />
@@ -1444,7 +1451,7 @@ ContactListItem.displayName = "ContactListItem";
 export { ContactListItem };
 `,
   "creatable-multi-select": `import * as React from "react"
-import { ChevronRight, Plus, Info, X } from "lucide-react"
+import { ChevronDown, Plus, Info, X } from "lucide-react"
 
 import { cn } from "@/lib/utils"
 import {
@@ -1674,7 +1681,7 @@ const CreatableMultiSelect = React.forwardRef(
               >
                 {summaryTriggerLabel}
               </span>
-              <ChevronRight
+              <ChevronDown
                 className="mt-1 size-5 shrink-0 self-start text-semantic-text-muted opacity-70"
                 aria-hidden
               />
@@ -1764,7 +1771,7 @@ const CreatableMultiSelect = React.forwardRef(
                   ))
                 )}
               </div>
-              <ChevronRight
+              <ChevronDown
                 className="mt-1 size-5 shrink-0 self-start text-semantic-text-muted opacity-70"
                 aria-hidden
               />
@@ -1954,20 +1961,25 @@ const creatableSelectTriggerVariants = cva(
 
 /**
  * Tailwind classes for the "Enter \u21B5" hint in creatable dropdown headers (shared by Primary Role and Tone).
- * If your Tailwind config uses \`prefix\` (e.g. \`"tw-"\`), prefix every utility here or these strings will not compile.
+ *
+ * Wrapped in \`cn(...)\` so the CLI's prefixer transforms the inner literal at install time.
+ * If you copy this source manually (rather than via \`npx myoperator-ui add ...\`) and your
+ * Tailwind config uses \`prefix\` (e.g. \`"tw-"\`), prefix every utility yourself or these
+ * strings will not compile.
  */
-export const creatableEnterHintKbdClassName =
+export const creatableEnterHintKbdClassName = cn(
   "inline-flex items-center gap-0.5 rounded border border-solid border-semantic-border-layout bg-semantic-bg-ui px-1.5 py-0.5 font-sans text-[10px] font-medium text-semantic-text-muted"
+)
 
 /** Primary Role: hint row above the options list (custom role + Enter kbd). */
-export const creatablePrimaryRoleHintRowClassName =
+export const creatablePrimaryRoleHintRowClassName = cn(
   "flex items-center justify-between border-b border-solid border-semantic-border-layout px-4 py-2"
+)
 
-/**
- * Tone / CreatableMultiSelect: inner hint row (place inside a full-bleed wrapper with \`-mx-4\` + \`border-b\` on the panel).
- */
-export const creatableToneHintRowClassName =
+/** Tone / CreatableMultiSelect: inner hint row (place inside a full-bleed wrapper with \`-mx-4\` + \`border-b\` on the panel). */
+export const creatableToneHintRowClassName = cn(
   "flex min-h-[45px] shrink-0 items-center justify-between gap-2.5 px-4 py-2.5"
+)
 
 export interface CreatableSelectOption {
   value: string

package/package.json

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