myoperator-mcp 0.2.160 → 0.2.162

package/dist/index.js

@@ -4195,7 +4195,7 @@ const PhoneInput = React.forwardRef(
     return (
       <div
         className={cn(
-          "flex items-center border border-solid border-semantic-border-layout rounded-lg focus-within:border-semantic-border-focus transition-colors",
+          "flex items-center border border-solid border-semantic-border-input rounded focus-within:outline-none focus-within:border-semantic-border-input-focus focus-within:shadow-[0_0_0_1px_rgba(43,188,202,0.15)] transition-all",
           disabled && "opacity-60 bg-semantic-bg-ui cursor-not-allowed",
           wrapperClassName
         )}
@@ -4868,7 +4868,7 @@ const selectTriggerVariants = cva(
     variants: {
       state: {
         default:
-          "border border-solid border-semantic-border-input focus:outline-none focus:border-semantic-border-input-focus/50 focus:shadow-[0_0_0_1px_rgba(43,188,202,0.15)]",
+          "border border-solid border-semantic-border-input focus:outline-none focus:border-semantic-border-input-focus focus:shadow-[0_0_0_1px_rgba(43,188,202,0.15)]",
         error:
           "border border-solid border-semantic-error-primary/40 focus:outline-none focus:border-semantic-error-primary/60 focus:shadow-[0_0_0_1px_rgba(240,68,56,0.1)]",
       },
@@ -5859,6 +5859,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName
 export { Tabs, TabsList, TabsTrigger, TabsContent }
 `,
   "tag": `import * as React from "react";
+import { X } from "lucide-react";
 import { cva, type VariantProps } from "class-variance-authority";
 
 import { cn } from "@/lib/utils";
@@ -5878,6 +5879,7 @@ const tagVariants = cva("inline-flex items-center rounded text-sm", {
       warning: "bg-semantic-warning-surface text-semantic-warning-primary",
       error: "bg-semantic-error-surface text-semantic-error-primary",
       destructive: "bg-semantic-error-surface text-semantic-error-primary",
+      info: "bg-semantic-info-surface text-semantic-text-primary",
     },
     size: {
       default: "px-2 py-1",
@@ -5906,10 +5908,16 @@ export interface TagProps
     VariantProps<typeof tagVariants> {
   /** Bold label prefix displayed before the content */
   label?: string;
+  /** When provided, renders a dismiss (\xD7) button that calls this handler */
+  onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+  /** Disables the dismiss button independently */
+  removeDisabled?: boolean;
+  /** Custom aria-label for the dismiss button (default: "Remove") */
+  removeAriaLabel?: string;
 }
 
 const Tag = React.forwardRef(
-  ({ className, variant, size, label, children, ...props }: TagProps, ref: React.Ref<HTMLSpanElement>) => {
+  ({ className, variant, size, label, onRemove, removeDisabled, removeAriaLabel, children, ...props }: TagProps, ref: React.Ref<HTMLSpanElement>) => {
     return (
       <span
         className={cn(tagVariants({ variant, size, className }))}
@@ -5918,6 +5926,20 @@ const Tag = React.forwardRef(
       >
         {label && <span className="font-semibold mr-1">{label}</span>}
         <span className="font-normal inline-flex items-center gap-1">{children}</span>
+        {onRemove && (
+          <button
+            type="button"
+            className={cn(
+              "inline-flex items-center justify-center shrink-0 bg-transparent border-none p-0 ml-0.5 cursor-pointer",
+              removeDisabled && "cursor-not-allowed opacity-50"
+            )}
+            onClick={onRemove}
+            disabled={removeDisabled}
+            aria-label={removeAriaLabel ?? "Remove"}
+          >
+            <X className="size-3" />
+          </button>
+        )}
       </span>
     );
   }

package/package.json

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