myoperator-mcp 0.2.365 → 0.2.367

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>
@@ -8294,6 +8306,8 @@ export interface SearchFilterProps
   searchPlaceholder?: string;
   /** Search input behavior. Defaults to "numeric" for phone-number filtering. */
   searchMode?: SearchFilterSearchMode;
+  /** Minimum query length before internal option filtering runs. Below it, all options are shown. Defaults to 0. */
+  minSearchLength?: number;
   /** Message shown when filtering returns no options */
   emptyMessage?: string;
   /** Disables the whole filter */
@@ -8321,6 +8335,7 @@ const SearchFilter = React.forwardRef<HTMLDivElement, SearchFilterProps>(
       onSearchChange,
       searchPlaceholder = "Search...",
       searchMode = "numeric",
+      minSearchLength = 0,
       emptyMessage = "No options found",
       disabled = false,
       searchDisabled = false,
@@ -8457,6 +8472,7 @@ const SearchFilter = React.forwardRef<HTMLDivElement, SearchFilterProps>(
     }, [isOpen, refs.floating, setOpen]);
 
     const filteredOptions = React.useMemo(() => {
+      if (normalizedSearchQuery.length < minSearchLength) return options;
       if (!normalizedSearchQuery) return options;
 
       return options.filter((option) =>
@@ -8464,7 +8480,7 @@ const SearchFilter = React.forwardRef<HTMLDivElement, SearchFilterProps>(
           normalizedSearchQuery
         )
       );
-    }, [normalizedSearchQuery, options, searchMode]);
+    }, [normalizedSearchQuery, options, searchMode, minSearchLength]);
 
     const selectOption = React.useCallback(
       (option: SearchFilterOption) => {

package/package.json

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