myoperator-mcp 0.2.366 → 0.2.368

package/dist/index.js

@@ -7601,6 +7601,7 @@ export { Panel, panelVariants };
   "phone-input": `import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
 import { ChevronDown } from "lucide-react";
+import ReactCountryFlag from "react-country-flag";
 
 import { cn } from "@/lib/utils";
 
@@ -7629,7 +7630,7 @@ const phoneInputContainerVariants = cva(
  * @example
  * \`\`\`tsx
  * <PhoneInput placeholder="Enter phone number" />
- * <PhoneInput countryFlag="\u{1F1FA}\u{1F1F8}" countryCode="+1" />
+ * <PhoneInput countryIso="US" countryCode="+1" />
  * <PhoneInput phoneMaxNumber={10} />
  * <PhoneInput state="empty" />
  * <PhoneInput validation="Enter a valid phone number" />
@@ -7643,8 +7644,10 @@ export interface PhoneInputProps
   state?: "default" | "empty" | "error";
   /** Validation message displayed below the input. Also applies error styling. */
   validation?: string;
-  /** Country flag emoji (e.g., "\u{1F1EE}\u{1F1F3}", "\u{1F1FA}\u{1F1F8}"). Defaults to "\u{1F1EE}\u{1F1F3}" */
-  countryFlag?: string;
+  /** ISO 3166-1 alpha-2 country code used to render the SVG flag (e.g., "IN", "US"). Defaults to "IN" */
+  countryIso?: string;
+  /** Custom flag node rendered instead of the SVG flag (e.g., an emoji or custom icon) */
+  countryFlag?: React.ReactNode;
   /** Country dial code (e.g., "+91", "+1"). Defaults to "+91" */
   countryCode?: string;
   /** Whether to show the chevron dropdown indicator. Defaults to true */
@@ -7663,7 +7666,8 @@ const PhoneInput = React.forwardRef(
       className,
       state,
       validation,
-      countryFlag = "\u{1F1EE}\u{1F1F3}",
+      countryIso = "IN",
+      countryFlag,
       countryCode = "+91",
       showChevron = true,
       onCountryClick,
@@ -7753,7 +7757,15 @@ const PhoneInput = React.forwardRef(
           onClick={onCountryClick}
           data-testid="phone-input-country"
         >
-          <span className="text-base">{countryFlag}</span>
+          {countryFlag ?? (
+            <ReactCountryFlag
+              svg
+              countryCode={countryIso}
+              className="!w-5 !h-[15px] object-cover shrink-0"
+              title={countryIso}
+              aria-label={countryIso}
+            />
+          )}
           <span className="text-base text-semantic-text-secondary">
             {countryCode}
           </span>

package/package.json

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